QRunIO/qqq-frontend-material-dashboard
2
0
Fork 0
mirror of https://github.com/Kingsrook/qqq-frontend-material-dashboard.git synced 2025-07-18 05:10:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

CE-604 make subgrows gray; make expansion arrow icon not make rows taller

Browse Source
This commit is contained in:
darin.kelkhoff
2023-10-27 14:24:37 -05:00
parent 95244a8aba
commit d0a7db28fe
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/qqq/components/widgets/tables/DataTable.tsx
View File

@ -156,7 +156,8 @@ function DataTable({
// style: {paddingLeft: `${row.depth * 2}rem`,}, // style: {paddingLeft: `${row.depth * 2}rem`,},
})} })}
> >
<Icon fontSize="medium">{row.isExpanded ? "expand_less" : "chevron_right"}</Icon> {/* float this icon to keep it "out of the flow" - in other words, to keep it from making the row taller than it otherwise would be... */}
<Icon fontSize="medium" sx={{float: "left"}}>{row.isExpanded ? "expand_less" : "chevron_right"}</Icon>
</span> </span>
) : null, ) : null,
}, },
@ -313,7 +314,7 @@ function DataTable({
{ {
prepareRow(row); prepareRow(row);
return ( return (
<TableRow sx={{verticalAlign: "top", display: "grid", gridTemplateColumns: gridTemplateColumns}} key={key} {...row.getRowProps()}> <TableRow sx={{verticalAlign: "top", display: "grid", gridTemplateColumns: gridTemplateColumns, background: (row.depth > 0 ? "#FAFAFA" : "initial")}} key={key} {...row.getRowProps()}>
{row.cells.map((cell: any) => ( {row.cells.map((cell: any) => (
cell.column.type !== "hidden" && ( cell.column.type !== "hidden" && (
<DataTableBodyCell <DataTableBodyCell