![](/img/trans.png)
[英]How to change the position of a free action icon in react material-table
[英]How to change name and Icon of Action Column in Material-Table React
我正在使用材料表,我需要更改操作列名稱,但此列是自動生成的,因為我使用的是材料表中的可編輯 function。
<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)
}}
/>
如何更改這些圖標和列名?
正如您正確假設的那樣,該列的標題以及材料表中的所有文本字符串都可以通過本地化屬性進行自定義。
<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
項。 那是給你的。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.