Как показать пустую таблицу, используя jquery.datatable

Question

Я использую jquery.dataTables.js для отображения данных моей таблицы, но при начальной загрузке я хочу пустую таблицу, а после того, как при выборе некоторых фильтров, соответственно таблица загружает данные.Я также использую iDeferLoading, но для загрузки требуются некоторые исходные данные, но мне нужна пустая таблица

• версия 1.9.4

• файл jquery.dataTables.js

Код - jsfiddle.net/anki18/Lx97wouy

Answer 1

Вы получите ошибки, если создадите таблицу без надлежащих HTML-тегов

Проверьте этот пример

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()
    })
});

Answer 2

Сделайте это следующим образом

КОД HTML

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

КОД JQUERY

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

Выможно инициализировать таблицу данных с необходимыми параметрами

Редактировать JsFiddle