Question

我正在使用jquery.dataTables.js来显示我的表数据，但是在初始加载时，我想要一个空表，并且当我选择了一些过滤器之后，相应地表会加载数据。我也使用iDeferLoading，但是它需要加载一些初始数据，但是我想要一个空表

版本1.9.4
文件jquery.dataTables.js

代码-jsfiddle.net/anki18/Lx97wouy

Answer 1

通过以下方式进行

HTML代码

<table id="new-table">
  <thead>
    <tr>
      <th>Firstname</th>
      <th>Lastname</th>
      <th>Age</th>
    </tr>
  </thead>
</table>

JQUERY代码

$("#new-table").DataTable();

您可以使用所需的选项初始化DataTable

修改 JsFiddle

Answer 2

如果创建没有适当html标记的表，则会出现错误

检查this示例

HTML

<table id="myTable">
    <thead>
        <tr>
            <th>Name</th>
            <th>Designation</th>
            <th>Salary</th>
            <th>Hired Date</th>
        </tr>
    </thead>
</table>

<button id="addButton">
Click me to add new rows
</button>

JQUERY

$(document).ready(function () {
    window.dataTable = $('#myTable').DataTable();

    $('#addButton').click(function() {
        window.dataTable.rows.add([
            [
                "Tiger Nixon",
                "System Architect",
                "$3,120",
                "2011/04/25"
            ],
            [
                "Garrett Winters",
                "Director",
                "$5,300",
                "2011/07/25"
            ]
        ]).draw()
    })
});

如何使用jquery.datatable显示空表

2 个答案: