调用jquery datatable的动态数据时出错
在将动态数据呈现到datatable时,我遇到以下错误 错误:调用jquery datatable的动态数据时出错,jquery,datatable,Jquery,Datatable,在将动态数据呈现到datatable时,我遇到以下错误 错误: 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> (jquer
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
在这里,我试图从rom
.json
文件中获取数据,并在表中呈现这些记录,但在浏览器控制台中得到上述错误。我需要解决这个问题。使用jQuery和dataTables的旧版本。尝试升级到更多current@charlietfl:我使用了最新版本,但仍然存在相同的错误。
<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>
{
"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":[] }}
]
}