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

Jquery DataTables not working for append html using javascript

本文关键字：javascript 追加 html DataTables 不适用 适用于 Jquery      更新时间：2023-09-26

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

DataTable 在 javascript 中的追加中不起作用，因为在调用.DataTable方法后，我们的追加方法调用。如果你调试你的javascript代码，那么你会在.append之前找到.DataTable调用。检查我们的表体，它在调用.DataTable时不会呈现。所以.DataTable方法一个接一个.append方法。

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

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

我们来了：

在文档中，我发现它： 

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>

希望有帮助;

相关文章：