disabled autoResetSortBy to allow for sorting to persist when data ch…

…anges.
ECN · Dec 9, 2020 · d842e2c · d842e2c
1 parent 0fd6f0a
commit d842e2c
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/components/ItemTable/ItemTable.js b/src/components/ItemTable/ItemTable.js
@@ -11,7 +11,7 @@ import { ArrowDownward, ArrowUpward } from "@material-ui/icons";
 export default function ItemTable({ data, rowCanBeSelected }) {
     const [selectedRow, setSelectedRow] = useState({ queue: null, number: null});
 
-    const theme = useTheme(); 
+    const theme = useTheme();
     const useStyles = makeStyles({
         // Fully visible for active icons
         activeSortIcon: {
@@ -57,6 +57,7 @@ export default function ItemTable({ data, rowCanBeSelected }) {
         {
             columns,
             data,
+            autoResetSortBy: false,
             defaultColumn: {
                 Filter: ({ column: { Header, setFilter } }) => {
                     return (
@@ -68,7 +69,7 @@ export default function ItemTable({ data, rowCanBeSelected }) {
                 }
             },
         },
-        useFilters, useFlexLayout, useSortBy,
+        useFilters, useFlexLayout, useSortBy, 
     );
     const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow, } = tableInstance;
 
@@ -136,7 +137,7 @@ export default function ItemTable({ data, rowCanBeSelected }) {
                                 classes={{ root: (isSelected && rowCanBeSelected) ? classes.rowSelected : classes.bandedRows }}
                                 {...row.getRowProps()} >
                                 {row.cells.map(cell => (
-                                    <TableCell 
+                                    <TableCell
                                         classes={{ root: classes.columnBorders }}
                                         {...cell.getCellProps()}
                                     >