Question

我有一个Jquery dataTable，如下所示。它工作正常，但如果我在搜索字段上执行搜索，显示的用户会缩小以匹配搜索条件，但我无法返回并让dataTable显示原始的完整用户列表，除非我在搜索字段上进行另一次搜索。有没有办法改变这种行为，以便我可以看到完整的用户列表，而无需再次进行搜索？非常感谢！

var input = 
{
   "aaData": data,              
   "aoColumns": 
   [{      
       "mDataProp": "userid",
       "sWidth": "10%"
     },
     {
       "mDataProp": "fullname",
       "sWidth":"15%"
     }
 ]
 };                        

   $("#users").dataTable(input);

我添加了以下代码：

<input type="button" id="btnReset" value="Reset Table"></input> 
$('#btnReset').click(function()
{
    var oTable = $('#users').DataTable();
    oTable.search('').draw();
});

Answer 1

如果我正确理解你的要求，那就试试吧......

在页面的某处创建一个新的“重置”按钮，将此功能链接到它...

$('#users').search('').draw();

这将模仿用户手动删除搜索词时会发生什么，但现在他们可以通过点击按钮来完成。

您还可以考虑使用州来实现这一点，如果这更适合您：https://www.datatables.net/examples/basic_init/state_save.html

如何在javascript中使用Jquery DataTables进行搜索后显示原始的完整数据列表

1 个答案: