diff --git a/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss b/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss new file mode 100644 index 0000000000..ec3b8400cd --- /dev/null +++ b/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss @@ -0,0 +1,4 @@ +.tableBody { + // Take into consideration header's height since VirtualizedBody sets a static height + height: calc(100% - var(--table-row-size)); +} diff --git a/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.tsx b/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.tsx index 5e08399010..b37c12a0b3 100644 --- a/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.tsx +++ b/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.tsx @@ -2,6 +2,7 @@ import React, { ComponentProps, CSSProperties, FC, useCallback } from "react"; import { VibeComponentProps } from "../../../types"; import VirtualizedList, { VirtualizedListItem } from "../../VirtualizedList/VirtualizedList"; import TableBody from "../TableBody/TableBody"; +import styles from "./TableVirtualizedBody.module.scss"; export interface ITableVirtualizedBodyProps extends VibeComponentProps { items: ComponentProps["items"]; @@ -18,7 +19,7 @@ const TableVirtualizedBody: FC = ({ items, rowRender ); return ( - + 40} layout="vertical" /> );