如何在 Material-Table React 中更改操作列的名称和图标

Question

我正在使用 Material Table，我需要更改操作列名称，但此列是自动生成的，因为我正在使用 material [=19= 的 editable 函数].

<MaterialTable
    title=""
    localization={{
      body: {
        editRow: {
          saveTooltip: "Salvar",
          cancelTooltip: "Cancelar",
          deleteText: "Tem certeza que deseja deletar este registro?"
        },
        addTooltip: "Adicionar",
        deleteTooltip: "Deletar",
        editTooltip: "Editar"
      }
    }}
    columns={state.columns}
    data={state.data}
    editable={{
      onRowAdd: newData => createInstructor(newData),
      onRowUpdate: async (newData, oldData) =>
        updateInstructor(newData, oldData),
      onRowDelete: oldData => deleteInstructor(oldData)
    }}
  />

如何更改这些图标和列名称？

Answer 1

正如您正确假设的那样，该列的标题以及 material table 中的所有文本字符串都可以通过 localization [=19= 进行自定义].

<MaterialTable
    // other props
    localization={{
        pagination: {
            labelDisplayedRows: '{from}-{to} of {count}'
        },
        toolbar: {
            nRowsSelected: '{0} row(s) selected'
        },
        header: {
            actions: 'Actions'
        },
        body: {
            emptyDataSourceMessage: 'No records to display',
            filterRow: {
                filterTooltip: 'Filter'
            }
        }
    }}
/>

注意 header.actions 项。那就是适合你的。

如何在 Material-Table React 中更改操作列的名称和图标

How to change name and Icon of Action Column in Material-Table React

reactjs

material-ui

material-table