javascript - 单个列过滤器在数据表中不起作用

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

您需要包括 jquery.dataTables.columnFilter.js对于 columnFilter 插件，请参阅 Downloads页面。

参见 this jsFiddle用于代码和演示。