Search

display them under the table for example. (and of

sample code: var color=""; if(document.getElementById('red').checked){color="red|";} if(document.getElementById('orange').checked){color+="orange|";} if(document.getElementById('green').checked){color+="green|";} if(document.getElementById('yellow').checked){color+="yellow|";} color=color.substring(0, color.length - 1); var table= $('#table_id').DataTable(); table.columns( 2 ).search( color, true,false ).draw();

I did give the code as follows. Still the alignment not correct. Any help, would be very kind . table { border-spacing: 0px; /border-top: 1px solid black;/ } var table = $('#attendance').DataTable({ scrollY: "400px", scrollX: true, paging: false });

is loaded into the table, the button fails. Just

clearPipeline()', function () { return this.iterator( 'table', function ( settings ) { settings.clearCache = true;

the field breaking the table view terribly. There is

Also note the capital T in DataTable. Also worth noting is that I tend to use v-once on thr table to make sure that Vue and DataTables don't try to control the same DOM elements. Allan

Table is not defined The

is to fetch the table data using the ajax

the data for the table was to adjust the