Search

than just the hidden columns (which is the default

than just the hidden columns (which is the default

controlling the visibility of columns at different display sizes.

p>Responsive will automatically hide columns from the right-hand-side of

This example demonstrates the use of Responsive with the ColReorder extension for DataTables, which provides the ability to reorder columns using click and drag on the column headers.

can tell Responsive what columns should be visible on

will automatically detect which columns have breakpoint class names

details of the hidden columns in a child row.

data from the hidden columns. The

ColReorder is an extension for DataTables that provides the ability to click and drag column header cells, reordering the columns as it does so. FixedHeader requires no special initialisation when operating with ColReorder - simply initialise both on the table.

stateSave:true will save the Columns Search. If I refresh

you have lots of columns. And its worse if

Do you need all those columns in the display, or could you move them into a child row? Colin

same row across multiple columns. One option would be

Use columns.visible, column().visible() or the column visibility button depending on when and how you want to hide the columns. Kevin

I have found the issue. Thanks for the pointers. I involuntarily passed columns: undefined to the Datatables function. This apprently is treated differently from columns: null and the option being absent. Sorry for making a fuss.

dataSrc": "", "dataType": "json", "contentType":"application/json" }, "columns": [ {"data": "top"}, {"data": "bottom"},

as a selector-modifier for columns(). You could if you

same config to multiple columns through the use of

looking for. The dynamic columns shouldn't affect this as