單個列過濾器在Datatable中不起作用

Question

我正在使用jQuery DataTables @version 1.10.11

一切都工作但列過濾器無法正常工作 。 問題是什么？

是否需要外部插件或文件？

請幫忙。

 $(document).ready(function(){ $('#clist').dataTable({ "ordering": true, "searching": false, "order": [[ 0, "asc" ]], "dom": 'rt<"bottom"lip>', "columnDefs": [ { "targets": [ 0 ], "visible": false, }, { "targets": [ 2 ], "orderable": false, }, { "targets": [ 3 ], "orderable": false, }, { "targets": [ 4 ], "orderable": false, } ] }) .columnFilter({ //sPlaceHolder: "head:after", aoColumns: [ { type: "text" }, { type: "select", values: [ 'val1', 'val2', 'val3', 'val4'] }, { type: "select", values: [ 'val1', 'val2', 'val3', 'val4'] }, null ] }); }); 

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="//cdn.datatables.net/1.10.11/js/jquery.dataTables.min.js"></script> 

Answer 1

您需要為columnFilter插件包含jquery.dataTables.columnFilter.js ，請參閱下載頁面。

有關代碼和演示，請參閱此jsFiddle 。