Есть ли способ изменить название кнопки панели инструментов в DataGrid?

Question

Я сделал настраиваемую панель инструментов

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

Но я бы хотел изменить имена при отображении, а не столбцы, фильтры, плотность, экспорт, есть ли какое-то решение?

Answer 1

Вы можете изменить localeText опора DataGrid/ DataGridPro, см. все ключи перевода и их значения по умолчанию здесь :

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

Answer 2

как я могу изменить кнопку наiconButtonв DataGrid

      <DataGrid
        onRowModesModelChange={onRowModesModelChange}
        initialState={initialDevicesTableState}
        processRowUpdate={processRowUpdate}
        pageSizeOptions={pageSizeOptions}
        onRowEditStop={onRowEditStop}
        rowModesModel={rowModesModel}
        isRowSelectable={() => false}
        localeText={{
            toolbarFilters: '',
            toolbarExport: ""
        }}
        slotProps={slotProps}
        density='compact'
        loading={loading}
        columns={columns}
        slots={slots}
    />