responsive-resize.dt problem
responsive-resize.dt problem
I have a table with 9 columns and own custom header row.
I try to attach my code to responsive-resize.dt event the following way:
$('#my-table').on('responsive-resize.dt', function (e, datatable, columns) {
console.log(e);
console.log(datatable);
console.log(columns);
}).DataTable({
details: {
display: $.fn.dataTable.Responsive.display.childRowImmediate,
type: ''
}
});
For first event handler I get something as follows for column parameter (after initial page load):
[true, "-", "-", "-", "-", "-", "-", "-", "-"]
All next event handlers get:
[true, true, true, true, true, true, true, true, false]
Output for first call is always the same - I mean it does not depend on web browser window size - even if browser have very small width the output doesn't change.
All subsequent event handlers show true column visibiliy state.
Am I doing wrong something or it's a bug?
Rerence on github issue: https://github.com/DataTables/Responsive/issues/71