有没有办法更改 DataGrid 中的工具栏按钮名称？

Question

我已经制作了一个自定义工具栏

function CustomToolbar() {
  return (
    <GridToolbarContainer>
      <GridToolbarColumnsButton />
      <GridToolbarFilterButton />
      <GridToolbarDensitySelector />
      <GridToolbarExport />
    </GridToolbarContainer>
  )
}

但我想在显示时更改名称，而不是 Columns、Filters、Density、Export，有什么解决办法吗？

Answer 1

您可以更改DataGrid/DataGridPro 的localeText 属性，查看所有翻译键及其默认值here：

<DataGrid
  {...data}
  localeText={{
    toolbarColumns: "my columns",
    toolbarFilters: "my filters",
    toolbarDensity: "my density",
    toolbarExport: "my export"
  }}
  components={{
    Toolbar: CustomToolbar
  }}
/>