jquery - Datatables JS 再次显示记录

标签 jquery datatables

我正在使用 Datatables JS 的一个实例。

我创建了 2 个按钮,用于过滤一列中的两个不同值,如下所示:

$('#published').click(function() {
    table.column(2).search('Published').draw();
}); 

$('#concept').click(function() {
    table.column(2).search('Concept').draw();
}); 

单击这些按钮后,表格将显示符合 .search 的值,正如预期的那样。 现在我尝试创建一个“all”按钮,以便表格再次显示所有记录(一种对所有记录的重置)。不幸的是,我没有让它发挥作用。我尝试重新初始化表格,但如果不刷新,我无法再次显示所有结果。

不幸的是,JS 不是我的强项。

任何帮助将不胜感激!

提前致谢,

最佳答案

根据 Datatable official documentation

对于 jQuery DataTables 1.10

Below code will remove all filtering that has been applied to a DataTable, be it column based filtering or global filtering.

table
 .search( '' )
 .columns().search( '' )
 .draw();

对于 jQuery DataTables 1.9

使用空字符串作为第一个参数调用 fnFilter() API 方法来重置全局搜索并重绘表格。

例如:

    table.fnFilter('');

关于jquery - Datatables JS 再次显示记录,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60822555/

相关文章:

javascript - 根据表ID获取DataTable设置

javascript - 使用 optgroups 对下拉列表进行排序

javascript - DataTable 清除搜索过滤器并重新加载需要两次点击

php - 使用服务器端 : true 后,带有 Ajax 的 DataTable 无法正常工作

javascript - 选中和取消选中复选框时提交操作后显示和隐藏 div

javascript - jqGrid - 是否可以在初始化后设置 onSortCol?

javascript - 如何让异步ajax请求真正异步?

php - 如何使用ajax jquery删除数据表的行

javascript - 如何使 Bootstrap jQuery 数据表响应并根据页面大小增加/减少滚动条高度?

jquery - 数据表标题宽度/对齐问题