fix: disable columns filters not in use

Signed-off-by: Mike Murray <[email protected]>
reactioncommerce · Jan 17, 2020 · 3527dd3 · 3527dd3
1 parent 0f901ae
commit 3527dd3
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/package/src/components/DataTable/helpers/useDataTable.js b/package/src/components/DataTable/helpers/useDataTable.js
@@ -34,14 +34,23 @@ export default function useDataTable({
   const defaultColumn = React.useMemo(
     () => ({
       // Let's set up our default Filter UI
-      Filter: DefaultColumnFilter || (() => null)
+      Filter: DefaultColumnFilter || (() => null),
+      disableFilters: true
     }),
     [DefaultColumnFilter]
   );
 
+  const updatedColumns = columns.map((column) => {
+    if (column.disableFilters !== true && (column.Filter || column.filter)) {
+      column.disableFilters = false;
+    }
+
+    return column;
+  });
+
   const dataTableProps = useTable(
     {
-      columns,
+      columns: updatedColumns,
       data,
       defaultColumn,
       getRowId,