jQuery 数据表刷新视图答案

【问题标题】：jQuery Datatables refresh viewjQuery 数据表刷新视图
【发布时间】：2017-05-03 05:46:09
【问题描述】：

我正在使用 jQuery DataTables 并在成功插入数据库后添加行。如何强制刷新表？我检查了文档，但只发现如果数据是用 Ajax 加载的，如何刷新。我正在添加到 tbody 客户端。

【问题讨论】：

我想这取决于您如何添加新行？如果您通过标记添加数据来添加它（添加一个<tr> 和一个或多个<td>s），那么它应该显示但不会在 DataTables 中注册，因此无法搜索、订购和什么你。如果您使用table.row.add(...row data...) 方法添加它，那么一切都很好，只需将draw() 添加到末尾即可：table.row.add(...row data...).draw()。希望对您有所帮助。

【解决方案1】：

如果您使用的是旧数据表

      tableObj.fnClearTable();
      tableObj.fnAddData(data);
      tableObj.fnDraw();

还有fnRedraw()，如果要重绘表格

如果您使用的是新的 Datatable，那么 this 可能会对您有所帮助。

    var table = $('#example').DataTable();
    $('#myFilter').on( 'keyup', function () {
        table
            .search( this.value )
            .draw();
    } );


var table = $('#example').DataTable();

// Sort by column 1 and then re-draw
table
    .order( [[ 1, 'asc' ]] )
    .draw( false );

【讨论】：