Я получаю следующую ошибку при преобразовании динамических данных в данные.
Ошибка:
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.<anonymous> (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
Я объясняю мой код ниже.
datatable.html:
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css">
</head>
<body>
<table id="example">
<thead>
<tr><th class="site_name">Name</th><th>Url </th><th>Type</th><th>Last modified</th></tr>
</thead>
<tbody>
</tbody>
</table>
<script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script>
<script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js"></script>
<script>
$("#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 '<a href="'+url+'">' + url + '</a>';
}
},{
"mData": "editor.name"
},{
"mData": "editor.phone"
},{
"mData":"editor",
"mRender": function(data){
return data.email.join("<br>");
}
}]
});
</script>
</body>
</html>
data_source.json:
{
"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":[] }}
]
}
Здесь я пытаюсь извлечь данные из файла .json и отобразить эти записи в таблице, но в консоли браузера выдается сообщение об ошибке выше. Мне нужно решить эту проблему.