diff --git a/packages/grid/src/features/standard-table/components/StandardTable.tsx b/packages/grid/src/features/standard-table/components/StandardTable.tsx index b10fbc781..077ee38f3 100644 --- a/packages/grid/src/features/standard-table/components/StandardTable.tsx +++ b/packages/grid/src/features/standard-table/components/StandardTable.tsx @@ -141,17 +141,25 @@ export interface StandardTableProps< onSortOrderChange?: StandardTableOnSortOrderChange; /** - * If set, this will always show below and above first . - * This row is 100% custom, and inherits no design or functionality from StandardTable. - * You must make sure that extraHeaderRow root is a and contains elements. + * If set, this will always show inside , below last . + * This row is 100% custom, shown as is, and inherits no design or functionality from StandardTable. + * You must make sure that renderExtraHeadRows root is one or several elements. + * You must also make sure that it has correct number of cells, with correct padding, etc. + */ + renderExtraHeadRows?: () => ReactNode; + + /** + * If set, this will always show inside , above first . + * This row is 100% custom, shown as is, and inherits no design or functionality from StandardTable. + * You must make sure that extraHeaderRow root is a . * You must also make sure that it has correct number of cells, with correct padding, etc. */ renderExtraRowTop?: () => ReactNode; /** * If set, this will always show below last . - * This row is 100% custom, and inherits no design or functionality from StandardTable. - * You must make sure that extraHeaderRow root is a and contains elements. + * This row is 100% custom, shown as is, and inherits no design or functionality from StandardTable. + * You must make sure that extraHeaderRow root is a . * You must also make sure that it has correct number of cells, with correct padding, etc. */ renderExtraRowBottom?: () => ReactNode; @@ -175,6 +183,7 @@ export const StandardTable = function StandardTable< variant = "standard", onKeyDown, onSortOrderChange, + renderExtraHeadRows, ...props }: StandardTableProps) { const generatedTableId = useId(); @@ -313,6 +322,7 @@ export const StandardTable = function StandardTable< items={props.items} height={"var(--current-row-height)"} /> + {renderExtraHeadRows?.()}