feat: save sorting

sokumon · sokumon · commit cf792e193ffb · 2025-05-28T14:37:47.000+05:30
diff --git a/src/columnmanager.js b/src/columnmanager.js
@@ -123,6 +123,7 @@ export default class ColumnManager {
         });
         const $cell = $.closest('.dt-cell', e.target);
         const { colIndex } = $.data($cell);
+        debugger;
         this._dropdownActiveColIndex = colIndex;
     }
 
@@ -256,6 +257,7 @@ export default class ColumnManager {
             animation: 150
         });
     }
+    
 
     sortColumn(colIndex, nextSortOrder) {
         this.instance.freeze();
@@ -267,8 +269,21 @@ export default class ColumnManager {
             .then(() => this.instance.unfreeze())
             .then(() => {
                 this.fireEvent('onSortColumn', this.getColumn(colIndex));
+                this.saveSorting(colIndex, nextSortOrder)
             });
     }
+    
+    saveSorting(colIndex){
+        let currentColumn = this.getColumn(colIndex);
+        let saveSorting = {
+            [currentColumn.name]: {
+                colIndex: colIndex,
+                sortOrder: currentColumn.sortOrder
+            }
+        }
+        localStorage.setItem('savedSorting', JSON.stringify(saveSorting));
+    }
+    
 
     removeColumn(colIndex) {
         const removedCol = this.getColumn(colIndex);
@@ -368,6 +383,14 @@ export default class ColumnManager {
         }
     }
 
+    applySavedSortOrder(){
+        let sortingConfig = JSON.parse(localStorage.getItem("savedSorting"))
+        const columnsToSort = Object.values(sortingConfig)
+        for(let column of columnsToSort){
+            this.sortColumn(column.colIndex, column.sortOrder);
+        }
+    }
+
     sortRows(colIndex, sortOrder) {
         return this.datamanager.sortRows(colIndex, sortOrder);
     }
diff --git a/src/datatable.js b/src/datatable.js
@@ -40,6 +40,7 @@ class DataTable {
 
         if (this.options.data) {
             this.refresh();
+            this.columnmanager.applySavedSortOrder();
             this.columnmanager.applyDefaultSortOrder();
         }
     }
diff --git a/src/defaults.js b/src/defaults.js
@@ -23,6 +23,7 @@ export default function getDefaultOptions(instance) {
                 label: instance.translate('Reset sorting'),
                 action: function (column) {
                     this.sortColumn(column.colIndex, 'none');
+                    localStorage.set("savedSort", null)
                 }
             },
             {

Original file line number	Diff line number	Diff line change
`@@ -40,6 +40,7 @@ class DataTable {`
`40`	`40`
`41`	`41`	`if (this.options.data) {`
`42`	`42`	`this.refresh();`
	`43`	`+ this.columnmanager.applySavedSortOrder();`
`43`	`44`	`this.columnmanager.applyDefaultSortOrder();`
`44`	`45`	`}`
`45`	`46`	`}`
Original file line number	Diff line number	Diff line change
`@@ -23,6 +23,7 @@ export default function getDefaultOptions(instance) {`
`23`	`23`	`label: instance.translate('Reset sorting'),`
`24`	`24`	`action: function (column) {`
`25`	`25`	`this.sortColumn(column.colIndex, 'none');`
	`26`	`+ localStorage.set("savedSort", null)`
`26`	`27`	`}`
`27`	`28`	`},`
`28`	`29`	`{`