title: Getting error while calling the dynamic data to jquery datatable
body: <p>I am getting the following error while rendering the dynamic data into datatable.</p>
  
  <p><strong>Error:</strong></p>
  
  <pre><code>jquery.dataTables.min.js:78 Uncaught TypeError: Cannot read property 'style' of undefined
      at da (jquery.dataTables.min.js:78)
      at ba (jquery.dataTables.min.js:58)
      at HTMLTableElement.&lt;anonymous&gt; (jquery.dataTables.min.js:127)
      at Function.each (jquery-1.8.2.min.js:2)
      at init.each (jquery-1.8.2.min.js:2)
      at init.j (jquery.dataTables.min.js:116)
      at datatable.html:16
  da @ jquery.dataTables.min.js:78
  ba @ jquery.dataTables.min.js:58
  (anonymous) @ jquery.dataTables.min.js:127
  each @ jquery-1.8.2.min.js:2
  each @ jquery-1.8.2.min.js:2
  j @ jquery.dataTables.min.js:116
  (anonymous) @ datatable.html:16
  </code></pre>
  
  <p>I am explaining my code below.</p>
  
  <blockquote>
    <p>datatable.html:</p>
  </blockquote>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
    &lt;link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;table id="example"&gt;
    &lt;thead&gt;
      &lt;tr&gt;&lt;th class="site_name"&gt;Name&lt;/th&gt;&lt;th&gt;Url &lt;/th&gt;&lt;th&gt;Type&lt;/th&gt;&lt;th&gt;Last modified&lt;/th&gt;&lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
    &lt;script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js"&gt;&lt;/script&gt;
    &lt;script&gt;
    $("#example").dataTable({
    "bServerSide": true,
    "sAjaxSource": "http://localhost/test/data_source.json",
    "aoColumns": [{
      "mData":"name",
      "sTitle": "Site name"
    },{
      "mData": "url",
      "mRender": function ( url, type, full )  {
        return  '&lt;a href="'+url+'"&gt;' + url + '&lt;/a&gt;';
      }
    },{
      "mData": "editor.name"
    },{
      "mData": "editor.phone"
    },{
      "mData":"editor",
      "mRender": function(data){
        return data.email.join("&lt;br&gt;");
      }
    }]
  });
    &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <blockquote>
    <p>data_source.json:</p>
  </blockquote>
  
  <pre><code>{ 
      "iTotalRecords": 50,
      "iTotalDisplayRecords": 10,
      "sEcho":10,
      "aaData": [
          {"name": "Sitepoint", "url": "http://sitepoint.com", "editor" :{ "name" : "John Doe", "phone" : ["9191919", "1212121"], "email":[]}},
          {"name": "Flippa", "url": "http://flippa.com",  "editor": { "name": "Adam Smith", "email" : ["adam.smith@domain.com"], "phone":[] }}
      ]
  }
  </code></pre>
  
  <p>Here I am trying to fetch data rom <code>.json</code> file and render those records on the table but getting the above error in browser console. I need to resolve this issue.</p>