单个列过滤器在Datatable中不起作用 [英] Individual column filter not working in Datatable

问题描述

我正在使用jQuery DataTables @version 1.10.11

I am using jQuery DataTables @version 1.10.11

所有内容都是工作，但列过滤器不工作。有什么问题？

All thing is work but column Filter not working. what is the issue?

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

is there external plug-in required or file?

请帮助。

$(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>

推荐答案

您需要包含 jquery.dataTables.columnFilter.js ，请参阅下载页面。

请参阅此jsFiddle 进行代码和演示。

See this jsFiddle for code and demonstration.

这篇关于单个列过滤器在Datatable中不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！