获取 DataTables 警告：非表节点初始化 (TBODY) 错误

Question

我仍然无法找到错误处理它 1 小时。我收到 DataTables 警告：非表节点初始化（TBODY）。有关此错误的更多信息，请参阅http://datatables.net/tn/2我不知道为什么。我一遍又一遍地检查我的代码，我的后颈疼痛。<table class="table table-bordered table-sm table-hover datatable dt-responsive nowrap">  <thead>    <tr>      <th>Category</th>      <th>Action</th>    </tr>  </thead>  <tbody id="category_data"></tbody></table>show_categories(); //call function show all category$('#category_data').dataTable();//function show all categoryfunction show_categories() {  $.ajax({    type: 'ajax',    url: base_url + 'Admin/Categories/fetch_categories',    async: true,    dataType: 'json',    success: function(data) {      var html = '';      var i;      for (i = 0; i < data.length; i++) {        html += '<tr>' +          '<td>' + data[i].category + '</td>' +          '<td style="text-align:right;">' +          '<button type="button" class="btn btn-xs btn-info" data-category_id="' + data[i].category + '"><em class="fas fa-edit"></em></button> ' +          '<button type="button" class="btn btn-xs btn-danger" data-category_id="' + data[i].category + '"><em class="fas fa-trash"></em></button>' +          '</td>' +          '</tr>';      }      $('#category_data').html(html);    }  });}

Answer 1

我的代码中有这个错误；当已经初始化所选节点的DataTable实例时，通过将选项传递给Dataatables构造函数对象来触发。你应该使用像：

$('#example').dataTable( {

paging: false} );

在您的代码中只有 1 次。

Answer 2

function show_categories(){

        $.ajax({

            type  : 'ajax',

            url: base_url + 'Admin/Categories/fetch_categories',

            async : true,

            dataType : 'json',

            success : function(data){

                var html = '';

                var i;

                for (i = 0; i < data.length; i++) {

                    html += '<tr>' +

                        '<td>' + data[i].category + '</td>' +

                        '<td style="width:80px;">' +

                        '<button type="button" class="btn btn-xs btn-info" data-category_id="' + data[i].category +'"><em class="fas fa-edit"></em></button> '+

                            '<button type="button" class="btn btn-xs btn-danger" data-category_id="' + data[i].category +'"><em class="fas fa-trash"></em></button>'+

                        '</td>' +

                        '</tr>';

                }

                $('#category_showData').html(html);

            }

        });

    }

<table id="category_dataTables" class="table table-bordered table-sm table-hover datatable dt-responsive nowrap">

                    <thead>

                        <tr>

                            <th>Category</th>

                            <th>Action</th>

                        </tr>

                    </thead>

                    <tbody id="category_showData">

                        

                    </tbody>

                </table>