DataTables Server Side模式下的Reset按钮显示原始表数据

Question

我在服务器端模式下设置了 DataTables 1.10.15。

使用 jquery 的 keyup 和 change 方法完成各种输入时，触发为表生成数据的 ajax 脚本。

我想实现一个按钮来将表格重置为原始状态（第一次加载页面，在任何搜索/排序之前）状态。

所以我实现了这一点，这意味着当单击按钮 (#resetSearch) 时，它会清除所有搜索输入字段，然后重绘表格：

$('#resetSearch').click(function(){
    $(':input','#primarySearch')
    .not(':button, :submit, :reset, :hidden')
    .val('')
    .removeAttr('checked')
    .removeAttr('selected');

    myTable.draw();
});

变量myTable是对DataTables的引用：

var myTable = $('#myTable').DataTable({ });

问题在于，尽管它清除了我所有的搜索输入，但它并没有重置表中的 sort 和 order 输入。因此，如果我对第 2 列进行降序排序，然后按#resetSearch，它将按第 2 列的降序给出所有结果 - 因为那里没有代码可以将其重置为第 0 列升序。

我不明白如何定位 sort 或 order 输入，以便我可以覆盖它们并使其工作。

有人可以帮忙吗？

Answer 1

Datatables 已经为您的问题提供了类/选择器“.filter-cancel”的处理程序。

将带有“filter-cancel”类的按钮或链接放入您的表格（例如）并通过单击它进行测试。它会默认重新加载您的数据并重置所有过滤器。