diff --git a/src/components/MockDataGrid.tsx b/src/components/MockDataGrid.tsx index 50a6b9b..9a1af67 100644 --- a/src/components/MockDataGrid.tsx +++ b/src/components/MockDataGrid.tsx @@ -7,6 +7,7 @@ type MockDataGridProps = DataGridProps & { export function MockDataGrid({ "data-testid": testId, sx, + getRowHeight, ...props }: MockDataGridProps) { return ( @@ -20,6 +21,7 @@ export function MockDataGrid({ pagination: { paginationModel: { pageSize: 10, page: 0 } }, }} getRowId={(row) => row.id as string} + getRowHeight={getRowHeight ?? (() => "auto")} sx={[ { border: 1, @@ -31,6 +33,15 @@ export function MockDataGrid({ "& .MuiDataGrid-cell": { borderBottom: "1px solid", borderColor: "divider", + py: 1, + alignItems: "flex-start", + display: "flex", + }, + "& .MuiDataGrid-cellContent": { + whiteSpace: "normal", + wordBreak: "break-word", + lineHeight: 1.35, + width: "100%", }, "& .MuiDataGrid-row:last-of-type .MuiDataGrid-cell": { borderBottom: "none",