Individual column filter not working in Datatable

Question

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?

Please help.

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

You need to include jquery.dataTables.columnFilter.js for columnFilter plugin, see Downloads page.

See this jsFiddle for code and demonstration.