refactor: persist an array instead of object

material-table-core · Jun 24, 2021 · 5bf5e92 · 5bf5e92
1 parent 53f32fe
commit 5bf5e92
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 11 deletions.
diff --git a/src/components/MTableGroupbar/index.js b/src/components/MTableGroupbar/index.js
@@ -34,14 +34,15 @@ function MTableGroupbar(props) {
 
   useEffect(() => {
     if (props.persistentGroupingsId) {
-      const persistentGroupings = {};
+      const persistentGroupings = [];
 
       props.groupColumns.forEach((column) => {
-        persistentGroupings[column.field] = {
+        persistentGroupings.push({
+          field: column.field,
           groupOrder: column.tableData.groupOrder,
           groupSort: column.tableData.groupSort,
           columnOrder: column.tableData.columnOrder
-        };
+        });
       });
 
       localStorage.setItem(

diff --git a/src/material-table.js b/src/material-table.js
@@ -88,18 +88,22 @@ export default class MaterialTable extends React.Component {
       let savedGroupings = localStorage.getItem(
         props.options.persistentGroupingsId
       );
+
       if (savedGroupings) {
         const parsedGroupings = JSON.parse(savedGroupings);
+
         if (parsedGroupings) {
-          Object.entries(parsedGroupings).forEach(([columnName, groupings]) => {
-            const column = columnsCopy.find((col) => col.field === columnName);
+          parsedGroupings.forEach((savedGrouping) => {
+            const column = columnsCopy.find(
+              (col) => col.field === savedGrouping.field
+            );
             if (column) {
-              Object.entries(groupings).forEach(([key, value]) => {
-                if (!column['tableData']) {
-                  column['tableData'] = {};
-                }
-                column['tableData'][key] = value;
-              });
+              if (!column.tableData) {
+                column.tableData = {};
+              }
+              column.tableData.groupOrder = savedGrouping.groupOrder;
+              column.tableData.groupSort = savedGrouping.groupSort;
+              column.tableData.columnOrder = savedGrouping.columnOrder;
             }
           });
         }