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

Posted 2023-02-22

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

【英文标题】：How to change name and Icon of Action Column in Material-Table React

【发布时间】：2020-02-05 02:36:22

【问题描述】：

我正在使用Material Table，我需要更改操作列名称，但此列是自动生成的，因为我使用的是材料表中的可编辑功能。

<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)
    
  />

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

【参考方案1】：

正如您正确假设的那样，该列的标题以及材料表中的所有文本字符串都可以通过localization 属性进行自定义。

<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 项目。那就是给你的。

【讨论】：

Nice Jayarjo 和关于更改列索引？因为我需要将操作列放在表的末尾。关于图标，我可以更改可编辑功能的图标吗？ material-table.com/#/docs/features/editable

也许单独问一个关于索引的问题。至于动作图标，我在这里回答了类似的问题：***.com/questions/58267301/…

另外，如果您在这里找到解决问题的答案，请不要忘记检查它是否正确。

我已经看到关于图标的问题了。我会单独问关于索引的问题。谢谢大佬

我可以传递一个图标而不是字符串/文本吗？