ajax datatable - DataTables警告:table id = example - 无法重新初始化DataTable

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax datatable - DataTables警告:table id = example - 无法重新初始化DataTable相关的知识,希望对你有一定的参考价值。

我正在从SQL中检索数据以包含在表中。我的代码返回错误“DataTables warning:table 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”之前错过了一个逗号:

以上是关于ajax datatable - DataTables警告:table id = example - 无法重新初始化DataTable的主要内容,如果未能解决你的问题,请参考以下文章

对DataTable进行分组

c# datarow[] 转换成 datatable

向/从 DataTable 添加/删除 DataRow 的正确方法是啥

使用 Angular 4 在 datatables.net 中实现自定义搜索

jquery DataTables 哪个参数是设置准确查询?不想模糊查询

jQuery DataTables - 行单击未在第一个以外的页面上注册