在DataTables Server Side模式下重置按钮以显示原始表数据

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

当使用jquery的keyupchange方法完成各种输入时,将触发生成表数据的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({ }); 

问题是虽然它清除了我的所有搜索输入,但它不会重置表中的sortorder输入。 因此,如果我在第2列进行了降序排序,然后按了#resetSearch ,它将按第2列的降序给出所有结果 – 因为那里没有代码可以将其重置为升序列0。

我不明白如何定位sortorder输入,以便我可以覆盖它们并使其工作。

请有人帮忙吗?

对于您的问题,数据表已经具有类/选择器’.filter-cancel’的处理程序。

将类’filter-cancel’的按钮或链接放入您的表格(例如)并点击它进行测试。 它将默认重新加载您的数据并重置所有filter。