Data Grid - Export

Let users export the Data Grid for Excel, CSV, or printing.

Basic usage

The demo below shows how to add export triggers to a custom toolbar.

import { ExportPrint, ExportCsv, ExportExcel } from '@mui/x-data-grid';

<ExportPrint />
<ExportCsv />
<ExportExcel />

<ExportPrint /> is a button that triggers a print export. It renders the baseButton slot.

<ExportCsv /> is a button that triggers a CSV export. It renders the baseButton slot.

<ExportExcel /> is a button that triggers an Excel export. It renders the baseButton slot.

Below are some ways the Export components can be used.

The demo below shows how to display export options within a menu on the toolbar.

Use the render prop to replace default elements. See Components usage—Customization for more details, and Toolbar—Custom elements demo for an example of custom Export buttons.

You must apply a text label or an aria-label attribute to the <ExportPrint />, <ExportCsv /> and <ExportExcel /> components.

See the documentation below for a complete reference to all of the props and classes available to the components mentioned here.