如何向标题添加多选过滤器支持，dataTables 1.9

Question

我一直在搜索相关帖子：Datatables Multi Select Column filter，How to add additional filters to Datatables header?，但它并没有解决我的问题。

我使用dataTables 1.9（旧版），我需要一个过滤器标题，就像excel一样在标题处使用

这将提供一个垃圾按钮，然后弹出一个多选（带复选框）过滤器行。

所以，我需要两件事：

1. 一个指向标题的小按钮，单击后会显示多选
2. 多选关闭后的列过滤器。

是否有插件或任何简单的方法来做到这一点？谢谢！

Answer 1

你需要在dataTable"fnRender": function (oObj) {} 中写下你想要的html，然后返回html。

aoColumns: [{
    "sName": "ColumnName", sType: 'string', sWidth: '5%', "fnRender": function (oObj) {
        var html = '<select>' +
                    '<option value="volvo">Volvo</option>' +
                    '<option value="saab">Saab</option>' +
                    '<option value="mercedes">Mercedes</option>' +
                    '<option value="audi">Audi</option>' +
                    '</select>';
        return html;
    }
}]  

html 将被添加到您想要的单元格中。