bootstrap datatable custom dropdown filters
Hope this is what you looking for, fiddle
$(document).ready(function() { var table = $('#example').DataTable(); $('#dropdown1').on('change', function () { table.columns(1).search( this.value ).draw(); } ); $('#dropdown2').on('change', function () { table.columns(2).search( this.value ).draw(); } );});
Peace!
You can do this in this way :
$('.datatable').dataTable({ "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span12'i><'span12 center'p>>", "sPaginationType": "bootstrap", "oLanguage": { "sLengthMenu": "_MENU_ records per page" }, initComplete: function() { this.api().columns().every(function() { $('#s').change(function() { var val = $.fn.dataTable.util.escapeRegex( $(this).val() ); column.search(val ? '^' + val + '$' : '', true, false).draw(); }); }); } });