[英]DataTables warning: table id=dataTable - Cannot reinitialise DataTable
[英]ajax datatable - DataTables warning: table id=example - Cannot reinitialise DataTable
我正在从SQL中检索数据以包含在表中。 我的代码返回错误“ DataTables警告:表id = example-无法重新初始化DataTable。有关此错误的更多信息,请参见http://datatables.net/tn/3 ”
那是我下面的代码。 html和脚本。 帮助将不胜感激。
<table id="example" cellpadding="0" cellspacing="0" border="0" width="100%" class="table table-striped table-hover">
<thead>
<tr>
<th scope="col">column 1</th>
<th scope="col">column 2</th>
<th scope="col">column 3</th>
<th scope="col">column 4</th>
<th scope="col">column 5</th>
<th scope="col">column 6</th>
<th scope="col">column 7</th>
<th scope="col">column 8</th>
</tr>
<!-- <th scope="col">Booking Ref</th>
<th scope="col">Listing</th> -->
</thead>
</table>
<script>
$(document).ready(function() {
$('#example').DataTable( {
"processing": true,
"serverSide": true,
"ajax":{
url :"employee-grid-data.php", // json datasource
type: "post", // method , by default get
error: function(){ // error handling
$(".employee-grid-error").html("");
$("#example").append('<tbody class="employee-grid-error"><tr><th colspan="16">No data found in the server</th></tr></tbody>');
$("#example_processing").css("display","none");
}
}
"columnDefs": [
{ "visible": false, searchable: true, "targets": [5,6] }
],
"order": [[ 2, 'asc' ]],
"displayLength": 25,
"drawCallback": function ( settings ) {
var api = this.api();
var rows = api.rows( {page:'current'} ).nodes();
var last=null;
api.column(6, {page:'current'} ).data().each( function ( group, i ) {
if ( last !== group ) {
$(rows).eq( i ).before(
'<tr class="group"><td colspan="7" style="padding:15px;">'+group+'</td></tr>'
);
last = group;
}
} );
}
}); });
好的,我在“ columnDefs”之前缺少逗号:
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.