chore: sticky header on dashboard

bcgov · Aug 28, 2024 · d9d0a40 · d9d0a40
1 parent 3e4d015
commit d9d0a40
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/app/components/AnalystDashboard/AllDashboard.tsx b/app/components/AnalystDashboard/AllDashboard.tsx
@@ -581,10 +581,16 @@ const AllDashboardTable: React.FC<Props> = ({ query }) => {
     enableColumnResizing: true,
     columnResizeMode: 'onChange',
     state,
-    muiTableContainerProps: { sx: { padding: '8px' } },
+    muiTableContainerProps: {
+      sx: {
+        padding: '0 8px 8px 8px',
+        maxHeight: 'calc(100vh - 460px)',
+      },
+    },
     layoutMode: isLargeUp ? 'grid' : 'semantic',
     muiTableBodyCellProps,
     muiTableHeadCellProps,
+    enableStickyHeader: true,
     onSortingChange: handleOnSortChange,
     onColumnFiltersChange: setColumnFilters,
     autoResetAll: false,
@@ -626,7 +632,6 @@ const AllDashboardTable: React.FC<Props> = ({ query }) => {
     <>
       {renderRowCount()}
       <MaterialReactTable table={table} />
-      {renderRowCount()}
     </>
   );
 };