![](/img/trans.png)
[英]How can I change remove the filter icon when using the material-table library?
[英]How can I change the index column using Material-table
我使用材料表,我需要更改列索引以放在表的末尾,因为默认情况下,此列(操作)位于开头。
表格代码下方:
<MaterialTable
title=""
icons={tableIcons}
localization={{
body: {
editRow: {
saveTooltip: "Salvar",
cancelTooltip: "Cancelar",
deleteText: "Tem certeza que deseja deletar este registro?"
},
addTooltip: "Adicionar",
deleteTooltip: "Deletar",
editTooltip: "Editar"
},
header: {
actions: "Ações"
}
}}
columns={state.columns}
data={state.data}
editable={{
onRowAdd: newData => createInstructor(newData),
onRowUpdate: async (newData, oldData) =>
updateInstructor(newData, oldData),
onRowDelete: oldData => deleteInstructor(oldData)
}}
/>
使用带有属性actionsColumnIndex
的options
。 默认值为 0。这意味着它始终位于第一列。
如果要将其移至最后一列。 只需执行以下操作:
<MaterialTable
options={{
actionsColumnIndex: -1
}}
/>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.