replace obsolete gridheader option (#378)

Author: richardiphillips

CHANGELOG.md

@@ -1,4 +1,6 @@
 # Changelog
+## [31.1.5] - 2025-09-05
+- ReportDataGrid - replace obsolete header option
 ## [31.1.4] - 2025-08-26
 - Fix ReportDataGrids valueFormatter, inline with mui datagrid changes
 ## [31.1.3] - 2025-07-25

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linn-it/linn-form-components-library",
-  "version": "31.1.4",
+  "version": "31.1.5",
   "private": false,
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",

src/components/ReportDataGrid.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DataGrid, gridClasses, GridToolbar } from '@mui/x-data-grid';
+import { DataGrid, gridClasses } from '@mui/x-data-grid';
 import Grid from '@mui/material/Grid';
 import Tooltip from '@mui/material/Tooltip';
 import Typography from '@mui/material/Typography';
@@ -108,9 +108,6 @@ function ReportDataGrid({
             columnHeaders: () => null
         };
     }
-    if (showExport) {
-        slots = { ...slots, toolbar: GridToolbar };
-    }
 
     // Add totals row if required
     if (showTotals) {
@@ -172,6 +169,7 @@ function ReportDataGrid({
                     rows={rows}
                     columns={columns}
                     slots={slots}
+                    showToolbar={showExport}
                     autoHeight={!fullPages}
                     density="compact"
                     getRowHeight={() => (fixedRowHeight ? 30 : 'auto')}