JS Datatables - 标题

Question

我有以下数据表，它使用https://datatables.net/

中的js datatable插件

使用以下JS设置数据表：

$(document).ready(function () {
    $('#tracerTable').DataTable({
        "bInfo": false,
        "order": [[2, "desc"]], //order by date created
        "aoColumnDefs": [
            { aTargets: [3], "bSortable": false },
            { aTargets: [4], "bSortable": false },
            { aTargets: [5], "bSortable": false }
        ]
    });
}

问题： 是否可以更新JS以允许我过滤＆＃39;类型＆＃39;使用表格标题内的滴答框选项的下拉列（就像excel中的过滤器选项一样 - 请参见下图）。我想要选择水和油示踪剂，但不要显示气体示踪剂。

如果在datatable插件中无法实现这一点，那么有人可以建议一个提供此功能的插件吗？

Answer 1

利用bootstrap-select插件，通过定位所需的列（在您的情况下为1）将其附加到DataTable的标头中，获取已检查的值，并将其与{{1}一起加入（或操作数）然后使用search API。

|

Fiddle有关详细信息，我建议在页脚上移动过滤器功能，因为点击表格标题上的下拉按钮会对表格进行排序。