Search

My guess is that you are initialising the table while it is hidden. If that is the case then you need to call columns.adjust() when it is made visible. Allan

some data in the table causing the issue - I

id' } // id ] Now the table populates as expected. Kevin

Solved it... $(document).on('click', '.add-row', function () { var table_name = $(this).parents('table').attr('id'); // get table id var datatable; if ($.fn.dataTable.isDataTable('#' + table_name)) { datatable = $('#' + table_name).DataTable(); } showAddModal(datatable); }) removed: var datatabe; set it as global var.

If you want it inside the body of the scrolling table, as I said, that isn't a feature that DataTables provides. There is no option for that. Allan

drawback is that the table doesn't reorder when I

the tbody of the table. Not saying either of

to display in the table (i.e. the button). Remove

Salary' column from the table to show that all

do anything with the table if you are hiding