Search

I'm surprised table().container() doesn't work, it doesn't really do much. drawCallback is called every time the table is drawn - so after the page is changed, a sort applied, etc. Therefore, it won't be efficient, but at least you're moving! C

DTE_Inline ui form" }, bubble: { table: "DTE_Bubble_Table ui form", bg:

Personally, I'd probably create a function that would add the event handlers, and would accept the function for the specific event as its own argument (the table id and any other relevant variables as well). Allan

I tried to change table header and body with

a lot of the table functionality, such as searching

thanks @allan that worked for me. But the below fix also worked for me when including "change" event. var table = $('#myTable').DataTable(); table.columns().every(function() { var term = this; $('input',this.footer()).on( 'keyup change', function () { if ( term.search() !== this.value ) //added this line { term .search( this.value ) .draw(); } }); } );

then we need use table name in order to

tab open, type this: table = $('#example').DataTable() table.column(1).search('Cox').draw() This is

Have a look at this plug-in which will dynamically show and hide the DataTables table components based on the data held in the table. Allan

picked up after the table was initialised. But the