销毁表数据表答案

【问题标题】：Destroy table datatable销毁表数据表
【发布时间】：2017-03-15 16:33:14
【问题描述】：

我正在尝试使用 jquery 数据表创建一个表，现在我尝试销毁表，当表再次显示时，然后想要新的重新 iniztaize 表

我正在使用：

 success: function (result) {
         var final = JSON.parse(result.d).response;
                    console.log(JSON.parse(result.d).response);
                 $('#tabledata').dataTable().fnDestroy();

 var data_insert = $('#tabledata').DataTable({
                  "dom": 'Blfrtip',
                  "columns": [

                {
                    "title": "RegNo",
                    "data": "RegNo"
                }, {
                    "title": "Owner",
                    "data": "Owner"

                },
                {
                    "title": "D D S B",
                    "data": "D D S B"

                },
                {
                    "title": "D P S B",
                    "data": "D P S B"

                }


                  ]

              });
    for (var i = 0; i < final.length; i++) {

        if (final[i] !== null) {
            $("#tabledata tbody").append("<tr><td>" +
                    final[i][0] + "</td> <td>" +
                    final[i][1] + "</td> <td>" +
                    final[i][2] + "</td> <td>" +
                    final[i][3] + "</td></tr>");
                }
            }

data_insert.draw();

 <table id="tabledata"   cellspacing="0"  class=" inner_table  table-striped table-bordered alltables">
    <thead></thead>
      <tbody></tbody>
   </table>

但这不起作用，并且显示错误未捕获的类型错误：无法读取 undefined(...) 的属性“aDataSort”

【问题讨论】：

标签： jquery datatable

【解决方案1】：

销毁使用低于任何一个

$('#tabledata').DataTable.destroy();

$('#tabledata').empty();

$('#tabledata').unbind();

【讨论】：

我使用的表格是隐藏的，但仍然是分页、搜索、显示 36 个条目中的 1 到 10 个，并且仍然显示长度菜单..
我使用表格隐藏但仍然分页，搜索，显示 36 个条目中的 1 到 10 个，并且仍然显示长度菜单..... if ($.fn.DataTable.isDataTable("#表数据")) { $('#tabledata').dataTable().fnDestroy(); } $('#tabledata tbody > tr').remove();
请试试这个 $('#tabledata').dataTable().fnDraw();
为什么要画..我想破坏桌子。