[英]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.