Search

function hackDT(dt) { if ($('#' + dt[0].id + '_wrapper').find('.dataTables_scroll').prev()[0].className === '') { $('#' + dt[0].id + '_wrapper').find('.dataTables_scroll').prev().addClass('fg-toolbar ui-toolbar ui-widget-header ui-helper-clearfix ui-corner-tl ui-corner-tr'); $('#' + dt[0].id + '_wrapper').find('.dataTables_scroll').next().addClass('fg-toolbar ui-toolbar ui-widget-header ui-helper-clearfix ui-corner-tl ui-corner-tr'); } } var table = $('#myTable').DataTable({ initComplete: function () { hackDT(this); } });

so using a second table as opposed to hard-coded

the model not in table) style with table form

only occur when data table has vertical scrollbar and

The table is still getting the

to always order the table by this column. Kevin

@colin To resolve my problem I delete the responsive and I add a scroll bar for table when the size of the window is too small.

want paging and the table height must be 100%

as shown in the table, so the event listeners

300; data.recordsFiltered = 300; }); var table = $('#example') .dataTable({ "processing": true,