diff --git a/.changeset/curly-pears-end.md b/.changeset/curly-pears-end.md new file mode 100644 index 000000000..df195ec77 --- /dev/null +++ b/.changeset/curly-pears-end.md @@ -0,0 +1,5 @@ +--- +"saleor-dashboard": minor +--- + +Add rowHeight prop to Datagrid component diff --git a/src/components/Datagrid/Datagrid.tsx b/src/components/Datagrid/Datagrid.tsx index 8a0653e11..58c1c5021 100644 --- a/src/components/Datagrid/Datagrid.tsx +++ b/src/components/Datagrid/Datagrid.tsx @@ -105,6 +105,7 @@ export interface DatagridProps { columnSelect?: DataEditorProps["columnSelect"]; showEmptyDatagrid?: boolean; rowAnchor?: (item: Item) => string; + rowHeight?: number | ((index: number) => number); actionButtonPosition?: "left" | "right"; recentlyAddedColumn?: string; // Enables scroll to recently added column } @@ -139,6 +140,7 @@ export const Datagrid: React.FC = ({ onRowSelectionChange, actionButtonPosition = "left", recentlyAddedColumn, + rowHeight = cellHeight, ...datagridProps }): ReactElement => { const classes = useStyles({ actionButtonPosition }); @@ -523,7 +525,7 @@ export const Datagrid: React.FC = ({ onItemHovered={handleRowHover} getRowThemeOverride={handleGetThemeOverride} gridSelection={selection} - rowHeight={cellHeight} + rowHeight={rowHeight} headerHeight={cellHeight} ref={editor} onPaste