如何向表頭dataTables 1.9添加多選過濾器支持

Question

我一直在尋找相關職位： Datatables Multi Select Column過濾器 ， 如何向Datatables標頭添加其他過濾器？ 但這不能解決我的問題。

我使用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將添加到您所需的單元格中。