(fix): Filter/sort button positioning (#928)

This commit is contained in:
Aditya Pimpalkar
2023-07-26 01:23:34 +01:00
committed by GitHub
parent b52745533a
commit 09a019da5d

View File

@ -72,6 +72,18 @@ const StyledTableWithHeader = styled.div`
width: 100%; width: 100%;
`; `;
const StyledTableContainer = styled.div`
display: flex;
flex-direction: column;
height: 100%;
overflow: auto;
`;
const StyledTableWrapper = styled.div`
flex: 1;
overflow: auto;
`;
type OwnProps<SortField> = { type OwnProps<SortField> = {
columns: Array<TableColumn>; columns: Array<TableColumn>;
viewName: string; viewName: string;
@ -109,18 +121,20 @@ export function EntityTable<SortField>({
return ( return (
<StyledTableWithHeader> <StyledTableWithHeader>
<StyledTableContainer ref={tableBodyRef}>
<TableHeader <TableHeader
viewName={viewName} viewName={viewName}
viewIcon={viewIcon} viewIcon={viewIcon}
availableSorts={availableSorts} availableSorts={availableSorts}
onSortsUpdate={onSortsUpdate} onSortsUpdate={onSortsUpdate}
/> />
<div ref={tableBodyRef}> <StyledTableWrapper>
<StyledTable> <StyledTable>
<EntityTableHeader columns={columns} /> <EntityTableHeader columns={columns} />
<EntityTableBody columns={columns} /> <EntityTableBody columns={columns} />
</StyledTable> </StyledTable>
</div> </StyledTableWrapper>
</StyledTableContainer>
</StyledTableWithHeader> </StyledTableWithHeader>
); );
} }