material-ui-table组件中如何将icon变成文字

How to change icon into text in material-ui-table component

在 material-table 行可以通过点击右上角的 + 图标来添加。我想用 "ADD ROW" 之类的文本替换该图标。但是 material-table 接受图标对象并且没有其他道具可以做到这一点。有什么办法可以做到吗? 我正在使用 material-table editable 功能 https://material-table.com/#/docs/features/editable

我尝试了一些方法,例如

1) 从检查元素中提取样式 class 并更改它,但它会影响所有其他图标。没有特别的class只是为了添加图标。

2) 我尝试将 material-table 的 class 扩展到我的组件中并更改后端代码,但这也没有用。

Material table Image

Material table 简单地呈现每个键的 icon 属性中返回的任何内容。

您可以像这样简单地使用图标属性:

icons={{Add: () => 'Add Row'}}

这将在图标位置呈现 'Add Row'