You can use the DataTables api to filter the table. So all you need is your own input field with a keyup event that triggers the filter function to DataTables. With css or jquery you can hide/remove the existing search input field. Or maybe DataTables has a setting to remove/not-include it. Checkout the Datatables API … Read more
This is what you’re looking for: $(‘#example’).dataTable( { “aoColumnDefs”: [ { ‘bSortable’: false, ‘aTargets’: [ 1 ] } ] });
The problem is that the number of <th> tags need to match the number of columns in the configuration (the array with the key “columns”). If there are fewer <th> tags than columns specified, you get this slightly cryptical error message. (the correct answer is already present as a comment but I’m repeating it as … Read more
For DataTables >=1.10, use: $(‘table’).dataTable({searching: false, paging: false, info: false}); If you still want to be able the .search() function of this plugin, you will need to “hide” the search bar html with the dom setting: $(‘table’).dataTable({dom: ‘lrt’}); The defaults are lfrtip or <“H”lfr>t<“F”ip> (when jQueryUI is true), f char represents the filter (search) html … Read more
FYI dataTables requires a well formed table. It must contain <thead> and <tbody> tags, otherwise it throws this error. Also check to make sure all your rows including header row have the same number of columns. The following will throw error (no <thead> and <tbody> tags) <table id=”sample-table”> <tr> <th>title-1</th> <th>title-2</th> </tr> <tr> <td>data-1</td> <td>data-2</td> … Read more