[data grid] Can I add a logo to the print export in DataGrid Premium?

[mahammahmood]

The problem in depth

I want to add a logo to the print export. Is this possible? If yes, could you please provide a solution? Below is my sample print export.

Your environment

`npx @mui/envinfo`

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: Data ,Grid , Premium, GridToolbarExport, GridPrintExportOptions
Order ID: 91010

[michelengelen]

Well, you could potentially use a media query to show a pseudo element with a background image in your page, or you insert an image somwehere that does only show with a media query setting to print. Modify the data grid style

[mahammahmood]

Can you provide the code to insert an image in the DataGrid? The provided link only shows how to insert color.

[MBilalShafi]

@mahammahmood, @michelengelen meant to do something like https://stackblitz.com/edit/react-xkpqnn?file=Demo.tsx

Be sure to have the "Print backgrounds" (Firefox) and Background graphics (Chrome) option on in the Print dialog.

Firefox:

Chrome:

---

Side note: Please try to have the general questions like how to set a background using CSS etc answered using platforms like Stack Overflow which are specific for such problems and keep mui-x repo as relevant to issues specific to our products. Thanks 🙏

[github-actions]

The issue has been inactive for 7 days and has been automatically closed.