Question

我在控制台应用程序中使用jQuery DataTable。

以下代码向DataTable添加一行：

$('#datatable-table').dataTable().fnAddData([
    '<h1>test</h1>',
    'test',
    'test',
    'test',
    'test',
    'test',
    'test',
    'test',
    'test',
    'test',
    'test'
]);

问题是，当您以编程方式添加行时，它会重置用户的分页和过滤。因此，如果用户在第3页，当我更新表时，他将返回到第1页。考虑到我经常需要添加/删除/更新行，这对我来说并不适用。

有什么建议吗？

Answer 1

jQuery DataTables的1.10版本有一个page()方法，可以让你获取或设置表格的当前页面。

例如：

div{
    width:100px;
    text-align:center;
}

.flip-it {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: "FlipH";
    filter: FlipH;
}

添加新行后，代码将获取当前页面，然后在重新绘制时将表格设置为该页面。

jsfiddle demo here。希望它有所帮助。

jQuery DataTables - 添加行重置分页和过滤

1 个答案: