javascript - React Material UI 表添加自定义按钮

Question

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

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

Answer 1

Material Table documentation指出您可以将一组操作传递给 MaterialTable 组件上的 actions 属性。

数组中的每个操作元素都可以指定字段，其中包括 icon 和 onClick。 icon 可以是自定义组件。

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

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