使用多个自定义切换按钮过滤数据表

Question

我正在尝试使按钮过滤器的工作方式类似于此处的API页面的工作方式：https://datatables.net/reference/api/，但使用单独的行而不是部分。

例如：

1. 单击按钮“重”，将显示在特定列中包含字符串“重”的行。

2. 单击另一个按钮“ light”，将显示包含“ heavy”和“ light”的行。

3. 再次单击“浅色”，仅再次显示“较重”行。

4. 单击“中”按钮，将显示“重”和“中”行。

我一直在这里搜索他们的文档和问题，但是找不到解决方案。

以下是每次尝试失败后我都会将代码缩减至最低的地方。这段代码调出了我想要的特定按钮的行，但是，如果我单击另一个按钮，它将重置搜索并且不向其中添加结果。

$('.filter-button').each(function() {$(this).click(function() {
    program = $(this).text();
    $(this).toggleClass("is-active");
    $.fn.dataTable.ext.search.push(
       function(settings, data, dataIndex) {
          return $(table.row(dataIndex).node()).attr('data-program') == program;
       }
    );
    table.draw();
});