actions={[
{
icon: 'edit',
tooltip: 'Edit User',
onClick: (event, rowData) => alert('You are editing ' + rowData.name)
},
{
icon: 'delete',
tooltip: 'Delete User',
onClick: (event, rowData) => confirm('You want to delete ' + rowData.name)
}
]}
您可以通过提供任意 React 组件作为值来更改操作的图标icon
prop.
icon 字符串或 () => ReactElement- 材质图标中的按钮图标
或自定义组件
所以而不是edit
or delete
,添加所需图标的组件。就像是:
import { Edit } from '@material-ui/icons'
// ...
{
icon: () => <Edit />,
tooltip: 'Edit User',
onClick: (event, rowData) => alert('You are editing ' + rowData.name)
},
// ...
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)