fix: remove scroll inside table. Add column filtering.

equinor · Feb 19, 2024 · 4525ab2 · 4525ab2
1 parent 2700fbd
commit 4525ab2
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/...lt/CaseResultView/VariogramCaseResult/VariogramResultTable/VariogramResultTable.styled.ts b/...lt/CaseResultView/VariogramCaseResult/VariogramResultTable/VariogramResultTable.styled.ts
@@ -7,6 +7,8 @@ export const Table = styled.div`
   padding-bottom: ${spacings.MEDIUM};
 
   > div {
+    overflow-y: hidden;
+
     > table {
       min-width: 1150px;
     }

diff --git a/...seResult/CaseResultView/VariogramCaseResult/VariogramResultTable/VariogramResultTable.tsx b/...seResult/CaseResultView/VariogramCaseResult/VariogramResultTable/VariogramResultTable.tsx
@@ -81,6 +81,7 @@ export const VariogramResultTable = ({
       <Styled.Table>
         <EdsDataGrid
           enableSorting
+          enableColumnFiltering
           enablePagination
           emptyMessage="No results to show"
           columnResizeMode="onChange"
@@ -104,7 +105,7 @@ export const VariogramResultTable = ({
             },
             {
               accessorKey: 'modelArea',
-              header: 'Archel Filter',
+              header: 'Model Area',
               id: 'modelArea',
             },
             {
@@ -128,6 +129,7 @@ export const VariogramResultTable = ({
               accessorKey: 'quality',
               header: 'Quality factor',
               id: 'quality',
+              enableColumnFilter: false,
             },
           ]}
         />