Reactjs 如何将自定义按钮标签按行放置，使用material table和typeScript，以及他希望获得哪些道具？

我有一些问题：） 我试着在我的表格和编辑按钮的每一行中放置一个化身标签，并将编辑按钮同时带到这两个位置。 如何将动作移动到桌子的右侧？ 如何撤消表格顶部的“操作”标题？ 如果我在以下示例中使用TS，我应该通过哪些“道具”：

    <MaterialTable
      icons={tableIcons}
      columns={this.state.columns}
      data={this.state.data}
      title='Users Management'

      actions={[
        {
          icon: 'edit',
          tooltip: 'Edit User',
          onClick: (event) => { alert('Edit!!'); },
        },
        {
          icon: 'avatar',
          tooltip: 'Avatar User',
          onClick: (event) => { alert("You want to delete "); }
        }
      ]}

    components={{
      Action: **props** => (
        <Button
          onClick={(event: any) => props.action.onClick}>
          EDIT
        </Button>
      ),
    }}
    />

{alert（'Edit！！'）；}，
},
{
图标：“阿凡达”，
工具提示：“化身用户”，
onClick：（event）=>{alert（“您要删除”）；}
}
]}
组成部分={{
动作：*道具**=>(
props.action.onClick}>
编辑
),
}}
/>

---

所以让我们把这个问题分成几个部分：

如何撤消表格顶部的“操作”标题？您可以简单地重写

localization={{header.actions:'Test'}}

prop来更改操作列标题，例如更改为Test。您还可以添加空白来隐藏它

如何将动作移动到桌子的右侧？您可以覆盖

options={{actionsColumnIndex:1}}

以将其移动到第二个位置，或者将其设置为-1以将其移动到所有列的末尾

它将“编辑”按钮同时指向这两个位置。由于不提供自定义元素，因此它会呈现文本。您必须导入

icons={tableIcons}

，如中所述。要显示化身图标，只需将化身对象添加到您的

表格图标

对象中即可

要知道要传递哪些道具，请查看此页面