admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Aditya Pimpalkar
2023-07-26 01:23:34 +01:00
committed by GitHub
parent b52745533a
commit 09a019da5d
1 changed files with 26 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
front/src/modules/ui/table/components/EntityTable.tsx
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>
<TableHeader <StyledTableContainer ref={tableBodyRef}>
viewName={viewName} <TableHeader
viewIcon={viewIcon} viewName={viewName}
availableSorts={availableSorts} viewIcon={viewIcon}
onSortsUpdate={onSortsUpdate} availableSorts={availableSorts}
/> onSortsUpdate={onSortsUpdate}
<div ref={tableBodyRef}> />
<StyledTable> <StyledTableWrapper>
<EntityTableHeader columns={columns} /> <StyledTable>
<EntityTableBody columns={columns} /> <EntityTableHeader columns={columns} />
</StyledTable> <EntityTableBody columns={columns} />
</div> </StyledTable>
</StyledTableWrapper>
</StyledTableContainer>
</StyledTableWithHeader> </StyledTableWithHeader>
); );
} }