Data Grid - Export

Easily export the rows in various file formats such as CSV, Excel, or PDF.

CSV export

You are able to export the displayed data to CSV with an API call, or using the grid UI.

To enable the CSV export you need to compose a toolbar containing the GridToolbarExport component, and apply it using the Toolbar key in the grid components prop.

<DataGrid
  {...data}
  components={{
    Toolbar: CustomToolbar,
  }}
/>

🚧 Print

⚠️ This feature isn't implemented yet. It's coming.

👍 Upvote issue #200 if you want to see it land faster.

Optimization of the layout of the grid for print mode. It can also be used to export to PDF.

🚧 Excel export

⚠️ This feature isn't implemented yet. It's coming.

👍 Upvote issue #198 if you want to see it land faster.

You will be able to export the displayed data to Excel with an API call, or using the grid UI.

🚧 Clipboard

⚠️ This feature isn't implemented yet. It's coming.

👍 Upvote issue #199 if you want to see it land faster.

You will be able to copy and paste items to and from the grid using the system clipboard.