brandxtech/frontend
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

updating the colSpan in the custom element to be set based on the number of columns in the table so that it spans the full table without compressing the column below

Browse source
This commit is contained in:
csawatzky 2026-03-25 15:49:20 -06:00
parent ce41a2dc05
commit ccabbbbd17
1 changed files with 6 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/common/ResponsiveTable.tsx
View file

@ -235,6 +235,11 @@ export default function ResponsiveTable<T extends Object>(props: Props<T>) {
localStorage.setItem(filterKey, JSON.stringify(filterList));
}, [filterList])
const headerColSpan =
(columns?.length ?? ((rows?.[0] && Object.keys(rows[0]).length) || 0)) +
(rowSelect ? 1 : 0) +
(renderGutter ? 1 : 0);
const openColumnMenu = (event: any) => {
setColumnAnchor(event.currentTarget);
// setUserMenuIsOpen(true);
@ -614,7 +619,7 @@ export default function ResponsiveTable<T extends Object>(props: Props<T>) {
<TableHead className={stickyHeader ? classes.stickyHeader : undefined}>
{customElement &&
<TableRow>
<TableCell colSpan={11} sx={{ border: "none" }}>
<TableCell colSpan={headerColSpan} sx={{ border: "none" }}>
{customElement}
</TableCell>
</TableRow>