diff --git a/src/components/Table.styled.ts b/src/components/Table.styled.ts index 292fc7a0..f4a80c04 100644 --- a/src/components/Table.styled.ts +++ b/src/components/Table.styled.ts @@ -1,13 +1,13 @@ import styled from 'styled-components'; import { spacings } from '../tokens/spacings'; -export const StyledDiv = styled.div` +export const Table = styled.div` overflow-x: auto; padding-bottom: ${spacings.MEDIUM}; - > .table-wrapper { + > div { > table { - width: auto !important; + width: 100% !important; } } `; diff --git a/src/components/Table.tsx b/src/components/Table.tsx index 07e385dc..00017460 100644 --- a/src/components/Table.tsx +++ b/src/components/Table.tsx @@ -1,6 +1,6 @@ /* eslint-disable max-lines-per-function */ import { useMsal } from '@azure/msal-react'; -import { Button, Chip, Scrim, SideSheet } from '@equinor/eds-core-react'; +import { Button, Scrim, SideSheet } from '@equinor/eds-core-react'; import { EdsDataGrid } from '@equinor/eds-data-grid-react'; import { useQuery } from '@tanstack/react-query'; import { useState } from 'react'; @@ -27,11 +27,13 @@ export const Table = ({ refetchKey }: { refetchKey: number }) => { if (isLoading || !data?.success) return

Loading...

; return ( - + { accessorKey: 'description', header: 'Description', id: 'description', - }, - { - accessorKey: 'isApproved', - header: 'Result', - cell: () => {'Approved'}, - }, - { - accessorKey: 'modified', - header: 'Last Modified', - cell: () =>
{''}
, + enableColumnFilter: false, }, { accessorKey: 'analogue', header: 'Analogue', cell: () =>
{''}
, + enableColumnFilter: false, }, { accessorKey: 'formation', header: 'Formation', cell: () =>
{''}
, + enableColumnFilter: false, }, { accessorKey: 'field', header: 'Field', cell: () =>
{''}
, + enableColumnFilter: false, }, { accessorKey: 'isProcessed', @@ -79,6 +75,7 @@ export const Table = ({ refetchKey }: { refetchKey: number }) => { { accessorKey: 'navigate', + enableColumnFilter: false, cell: ({ row }) => (