javascript - 复选框过滤器/搜索按钮 : can't undo filtering when unchecked

Question

我有一个用数据表制作的表格。有一个复选框，单击该复选框可过滤表格以仅显示我想查看的数据。问题是当我取消选中该复选框时，表格会出现错误。 table.destroy() 函数似乎确实将表格恢复到原来的样子，虽然它看起来有点破坏太多(每页的行突然被忽略+不能再点击单元格，它在另一个窗口中打开).我猜 destroy() 不是在未选中时恢复到原始表/数据的正确方法。那么怎样才是正确的做法呢？

是这样的:

1. 点击复选框:正确过滤数据
2. 取消选中复选框:表格看起来好像恢复了正常(但实际上并没有)
3. 再次选中复选框:不再正确过滤数据。 (表格现在是空的)
4. 现在无论我选中还是取消选中都没有关系，表格保持不变(空)

这是我的代码:

var checkbox = $("#checkB");
checkbox.click(function () {
     var table = $('#TABLE_NAME').DataTable();
     if (checkbox.is(":checked")) {
            $.fn.dataTable.ext.search.push(
                function (settings, data, dataIndex) {
                    var num = Number(data[4]);
                    if (num > 0) {
                        return true;
                    }
                    return false;
                }
            );
            table.draw();
        }
    else {
            table.destroy();    
        }
    });

Answer 1

我终于找到了答案。在“其他”部分，我刚刚写道:

else {
            $.fn.dataTable.ext.search.pop();
            table.draw();
        }

等瞧!