如何在Material-UI-Table组件中将图标更改为文本

时间:2019-09-25 07:12:08

标签: reactjs material-ui google-material-icons material-table

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

我尝试了一些类似的事情

1)从inspect元素中提取样式类并对其进行更改,但这会影响所有其他图标。没有专门用于添加图标的类。

2)我试图将材料表的类扩展到我的组件中,并更改了后端代码,但这也没有用。

Material table Image

1 个答案:

答案 0 :(得分:1)

材质表仅呈现图标属性中为每个键返回的所有内容。

您可以像这样简单地使用图标道具:

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

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