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'
。
在 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'
。