jquery datatables：如何清除列搜索过滤器

Question

我使用jquery datatables使我的表可搜索。我有一个过滤性别列的下拉菜单：

$("#genderDrop").on("change", function(e) {
    var gender = $(this).val();

    formTable.column(2).search(gender).draw();
});

这工作正常，但现在我希望能够在用户从下拉列表中选择“全部”时删除过滤器。这是我的尝试：

$("#genderDrop").on("change", function(e) {
    var gender = $(this).val();
    if (gender != "all") {
        formTable.column(2).search(gender).draw();
    } else {
         formTable.column(2).search("").draw();
    }
});

而不是删除过滤器，这只是搜索一个空字符串，但我无法弄清楚如何更改它，以便它删除过滤器。我也尝试过：

formTable.column(2).search("*").draw();

和

formTable.column(2).search().draw();

但没有任何成功。

Answer 1

您可以使用选项All from gender select with empty value：

<option value="">All</option>

你的代码将起作用：

$("#genderDrop").on("change", function(e) {
    var gender = $(this).val();

    formTable.column(2).search(gender).draw();
});

使用DataTables示例作为基础：http://jsfiddle.net/PauloSegundo/g15xakh5/

Answer 2

你可以试试下面的：

function fnResetAllFilters() {
  var oSettings = oTable.fnSettings();
  for (iCol = 0; iCol < oSettings.aoPreSearchCols.length; iCol++) {
    oSettings.aoPreSearchCols[iCol].sSearch = '';
  }
  oTable.fnDraw();
}

要删除所有过滤器和全局过滤器，请参阅以下链接：https://datatables.net/plug-ins/api/fnFilterClear

Answer 3

试试这种方式：

var table = $('#tableHere').DataTable().destroy();
table.state.clear();