Jquery DataTables 不适用于使用 javascript 附加 html

Question

我正在使用jQuery DataTables样式进行响应式布局，但是当我使用 javascript 在表中附加<td>Mycode</td>时，dataTables 样式不起作用，知道吗？

Answer 1

DataTable 在 javascript 中无法追加，因为在调用.DataTable方法后，我们的 append 方法会调用。 如果你调试你的 javascript 代码，那么你会发现.DataTable在.append之前调用。 检查我们的表体，它不会在.DataTable调用时.DataTable 。 所以在.append方法之后写.DataTable方法。

$('#grdWrkServiceEntry').append(tableBody);
$('#grdWrkServiceEntry').DataTable();

我也遇到了同样的问题，但现在已经解决了。

Answer 2

我们开始：

在文档中我发现它：

New rows can be added to a DataTable very easily using the row.add() API method. 

尝试像这样添加新行代码：

函数 row.add() 可以帮助你；)

    $(document).ready(function() {
        var t = $('#yourDataTableId').DataTable();
        var counter = 1;

        $('#addRow').on( 'click', function () {
            t.row.add( [
                counter +'.1',
                counter +'.2',
                counter +'.3',
                counter +'.4',
                counter +'.5'
            ] ).draw( false );

            counter++;
        } );


        $('#addRow').click();
    } );
<button id="addRow">Add new row</button>

希望它有帮助；）