React Material UI表添加自定义按钮

时间:2020-04-02 19:32:36

标签: javascript html css reactjs material-ui

这是MaterialTable特有的问题。我已经阅读了文档和API,但找不到自定义Actions列并添加用于查看详细信息的图标的有效方法。

我正在使用关系数据库,并且希望能够为行中的每个用户链接它。

Add Button after trash can

1 个答案:

答案 0 :(得分:1)

Material Table documentation指出您可以将一系列动作传递给actions组件上的MaterialTable道具。

数组中的每个操作元素可以具有指定的字段,包括icononClickicon可以是自定义组件。

这是上面链接的文档中的示例:

<MaterialTable
  // other props
  actions={[
    {
      icon: 'save',
      tooltip: 'Save User',
      onClick: (event, rowData) => {
        // Do save operation
      }
    }
  ]}
/>