diff --git a/src/qqq/components/widgets/tables/cells/DataTableBodyCell.tsx b/src/qqq/components/widgets/tables/cells/DataTableBodyCell.tsx
index 2e13d22..7623de3 100644
--- a/src/qqq/components/widgets/tables/cells/DataTableBodyCell.tsx
+++ b/src/qqq/components/widgets/tables/cells/DataTableBodyCell.tsx
@@ -19,7 +19,7 @@
* along with this program. If not, see .
*/
-import Box from "@mui/material/Box";
+import {Box} from "@mui/material";
import {Theme} from "@mui/material/styles";
import colors from "qqq/assets/theme/base/colors";
import {ReactNode} from "react";
@@ -30,9 +30,10 @@ interface Props
children: ReactNode;
noBorder?: boolean;
align?: "left" | "right" | "center";
+ sx?: any;
}
-function DataTableBodyCell({noBorder, align, children}: Props): JSX.Element
+function DataTableBodyCell({noBorder, align, sx, children}: Props): JSX.Element
{
return (
({
borderBottom: `${borderWidth[1]} solid ${colors.grayLines.main}`,
- position: "sticky", top: 0, background: "white"
+ position: "sticky", top: 0, background: "white",
+ zIndex: 1 // so if body rows scroll behind it, they don't show through
})}
>