[data grid] PrintOptions hideFooter: true, hideToolbar: true not working

[acetine63]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Link to live example:

Steps:
1.
2.
3.

Current behavior 😯

When hideFooter and hideToolbar are set to true, export to print should hide both the toolbar and the footer however it is not working.

Expected behavior 🤔

Both the footer and toolbar should be hidden in the print document.

Context 🔦

No response

Your environment 🌎

<StripedDataGrid
              key={bomRows}
              rows={bomRows}
              columns={columnsBOM}
              disableSelectionOnClick
              printOptions={{
                hideFooter: true,
                hideToolbar: true,
              }}
              initialState={{
                columns: {
                  columnVisibilityModel: {
                    callout: false,
                    coordinate: false,
                    option_code: false,
                  },
                },
                sorting: {
                  sortModel: [{ field: "id", sort: "asc" }],
                },
              }}
              rowHeight={18}
              headerHeight={18}
              pageSize={pageSize}
              onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}
              rowsPerPageOptions={[50, 100, 250, 500]}
              pagination
              components={{ Toolbar: GridToolbar }}
              componentsProps={{
                toolbar: {
                  showQuickFilter: true,
                  quickFilterProps: { debounceMs: 500 },
                },
              }}
            />

Order ID 💳 (optional)

44275

[m4theushw]

To use printOptions you need to pass it to componentsProps.toolbar or directly to <GridToolbarExport>. In the example provided it's misused. Could you test again using it in that way? More information: https://mui.com/x/react-data-grid/export/#customize-grid-display