jQuery Datatable排序問題

Question

我正在使用Datatable插件

http://www.datatables.net/examples/basic_init/zero_configuration.html

要填充表，我使用jquery .html（）函數並將表內容傳遞給它。

問題是將數據添加到表后，所有的排序，分頁和搜索功能都不再起作用，對這些函數的每次更改都會從表中刪除數據。

有人可以幫我解決這個問題嗎？

謝謝

Answer 1

您可以使用備用方法，通過Datatable的row.add功能將數據添加到表中。 這是代碼：

JQuery的

$(document).ready(function() {
    var t = $('#example').DataTable();

    $('#addRow').on( 'click', function () {
        t.row.add( ['a','b','c','d','e'] ).draw();
    } );
} );

HTML

<button id="addRow">Add</button>
<table id="example" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>Column 1</th>
                <th>Column 2</th>
                <th>Column 3</th>
                <th>Column 4</th>
                <th>Column 5</th>
            </tr>
        </thead>
</table>

您可以在開始時將表的可見性保持隱藏狀態，並在填充數據后顯示表。

JSFiddle： http : //jsfiddle.net/ntgm9rde/1/