Search

because its so global. initComplete: function (settings, json) { var

Hi @skinny1991 , The problem is because you're initialising DataTables twice, on line 2 and line 94. You should organise your code so that there's a single $(document).ready block, and initialise just the once, Cheers, Colin

Looks like the code you have in drawCallback is creating these checkboxes? If so then you probably will want to move that code to initComplete so that it executes only once at initialization instead of for each table draw. Kevin

@tangerine I found the solution. I added initComplete after sAjaxSource. Thanks for helping guys. initComplete: function() { var api = this.api(); api.columns([0, 1, 2, 3]).every(function() { var that = this; $('input', this.footer()).on('keyup change', function() { if (that.search() !== this.value) { that .search(this.value) .draw(); } }); }); }

option of the DataTables Initialisation: // This function will be

would be to use initComplete to process the table

Hi @danneely , Does this here work for you? I constructed both the top and bottom rows before initialising the table. Cheers, Colin

solution - My table is initially hidden then is shown

data is loaded during initialisation, which would be still

Yes, you need to move the initialisation of the filters into the initComplete callback. Allan