Add sortDefaults to datatable to fix initial useEffect reseting sort (#…

…168)
GetDKAN · Jun 24, 2022 · 45bd37c · 45bd37c
1 parent e51a73d
commit 45bd37c
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/components/DataTable/index.jsx b/src/components/DataTable/index.jsx
@@ -19,6 +19,7 @@ const DataTable = ({
   loading,
   options,
   columnDefaults,
+  sortDefaults,
   setSort,
   setConditions,
   conditionsTransform,
@@ -122,7 +123,9 @@ const DataTable = ({
       columns,
       data,
       filterTypes,
-      initialState: {},
+      initialState: {
+        sortBy: sortDefaults
+      },
       manualPagination: true,
       manualFilters: true,
       manualSortBy: true,
@@ -136,7 +139,6 @@ const DataTable = ({
     usePagination,
     layout === "block" ? useBlockLayout : useFlexLayout
   );
-
   useEffect(() => {
     if (columnSort) {
       const normalizedSort = sortTransform ? sortTransform(sortBy) : filters;
@@ -317,6 +319,7 @@ DataTable.propTypes = {
     columnSort: PropTypes.bool,
     columnResize: PropTypes.bool,
   }),
+  sortDefaults: [],
   columns: PropTypes.arrayOf(
     PropTypes.shape({
       Header: PropTypes.string.isRequired,