如何保存DataTable列重新排序？

Question

I am using ColReorder

In my javascript Column Reorder are set in this way:

 var table = $('#CardsGrid_grid').DataTable();
 new $.fn.dataTable.ColReorder(table);

Column reorder works fine but I still have an issue. When I'm refreshing page, or returning to it from another one, each column change are returned to original so I need to move colums again. Basically, any column move lives till any kind of page refresh.

Is there a way to somehow store those changes? (While current session is still active).

Answer 1

Take a look at state saving: https://www.datatables.net/release-datatables/extensions/ColReorder/examples/state_save.html

It's as simple as adding the option to your initialisation:

var table = $('#CardsGrid_grid').DataTable({
    stateSave: true
});
new $.fn.dataTable.ColReorder(table);