javascript - Individual column filter not working in Datatable -

i using jquery datatables @version 1.10.11

all thing work column filter not working. 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>

you need include jquery.datatables.columnfilter.js columnfilter plugin, see downloads page.

see this jsfiddle code , demonstration.