[data grid] Cannot print without footer

[timonla]

Steps to reproduce

Link to live example: https://stackblitz.com/edit/github-kbnsbh?file=src%2Fdemo.tsx

Steps:

1. Use the DataGrid component with property hideFooter={true}
2. Add a toolbar containing GridToolbarExport component without printOptions={{ hideFooter: true}}
3. Print the data grid

Current behavior

Print window does not open, error about missing footer element instead

Expected behavior

Print window opens

Context

When the print window is opened, properties are assigned to a missing footer element. I guess there should be a check if the footer actually exists before the following lines 189-191:

mui-x/packages/x-data-grid/src/hooks/features/export/useGridPrintExport.tsx

Lines 181 to 192 in 7bd05d2

	if (!normalizeOptions.hideFooter) {
	// the footer is always being placed at the bottom of the page as if all rows are exported
	// so if getRowsToExport is being used to only export a subset of rows then we need to
	// adjust the footer position to be correctly placed at the bottom of the grid
	const gridFooterElement: HTMLElement | null = gridClone.querySelector(
	`.${gridClasses.footerContainer}`,
	)!;
	gridFooterElement.style.position = 'absolute';
	gridFooterElement.style.width = '100%';
	gridFooterElement.style.top = `${computedTotalHeight - gridFooterElementHeight}px`;
	}

Compare to where the hideFooter option is applied and the footer is only removed if it exists:

mui-x/packages/x-data-grid/src/hooks/features/export/useGridPrintExport.tsx

Lines 166 to 169 in 7bd05d2

	if (normalizeOptions.hideFooter) {
	gridClone.querySelector(`.${gridClasses.footerContainer}`)?.remove();
	gridFooterElementHeight = 0;
	}

Your environment

Search keywords: DataGrid Print

[timonla]

A workaround is of course to enable the footer hiding for each toolbar that is used in a data grid that does not have a footer but I feel like that should not be required.

[k-rajat19]

I have opened a PR for that, it should actually check first for the hideFooter root prop if it is not there (false by default) then it should consider what is passed in printOptions.