Search code examples
reactjsmaterial-uimui-x-data-grid

How to Change Export Label in MUI Datagrid

Here's what current MUI Datagrid Export Label look likes.

enter image description here

I want to be able to change the label Download as CSV to something like Export to CSV etc

I've searched the Docs and issues on the github repo, i was unable to find how to progmatically change that label

Solution

  • Looking at the source code there is not really a prop to change the text value.

    I did however find a way to change it using localeText

    <DataGrid
  localeText={{
    toolbarExportCSV: "Export to CSV",
  }}
  ...
  slots={{
    toolbar: CustomToolbar,
  }}
/>

    All other options can be found here on github