diff --git a/packages/lake/src/components/VirtualizedList.tsx b/packages/lake/src/components/VirtualizedList.tsx index 1e91b6c45..317e9e8e0 100644 --- a/packages/lake/src/components/VirtualizedList.tsx +++ b/packages/lake/src/components/VirtualizedList.tsx @@ -197,6 +197,7 @@ export type ColumnCellConfig = { export type ColumnConfig = { id: string; + grow?: boolean; width: number; title: string; renderTitle: (props: ColumnTitleConfig) => ReactNode; @@ -473,17 +474,16 @@ export const VirtualizedList = ({ { width: centerColumnsWidth, backgroundColor, height: headerHeight }, ]} > - {columns.map(({ id, width, title, renderTitle }, index) => { + {columns.map(({ id, grow = false, width, title, renderTitle }, index) => { const columnId = `${viewId}_${id}`; const paddingLeft = index === 0 ? centerFirstCellLeftPadding : 0; - const last = index === columns.length - 1; - const paddingRight = last ? centerLastCellLeftPadding : 0; + const paddingRight = index === columns.length - 1 ? centerLastCellLeftPadding : 0; return ( ({ }, ]} > - {columns.map(({ id, width, renderCell }, index) => { + {columns.map(({ id, grow = false, width, renderCell }, index) => { const columnId = `${viewId}_${id}`; const paddingLeft = index === 0 ? centerFirstCellLeftPadding : 0; - const last = index === columns.length - 1; - const paddingRight = last ? centerLastCellLeftPadding : 0; + const paddingRight = index === columns.length - 1 ? centerLastCellLeftPadding : 0; return (