React table 反应表添加编辑/删除列
我使用Rails和React表来显示表。到目前为止效果还不错。但是如何向React表中添加edit/delete列呢 有可能吗React table 反应表添加编辑/删除列,react-table,React Table,我使用Rails和React表来显示表。到目前为止效果还不错。但是如何向React表中添加edit/delete列呢 有可能吗 return ( <ReactTable data={this.props.working_hours} columns={columns} defaultPageSize={50} className="-striped -highlight" /> ) 返回( ) 只需将列转换为组
return (
<ReactTable
data={this.props.working_hours}
columns={columns}
defaultPageSize={50}
className="-striped -highlight"
/>
)
返回(
)
只需将列
转换为组件状态。您可以看到一个工作示例
[2018年3月5日更新]误解了这个问题,以下是更新后的答案:
const列=[
...
{
标题:“”,
单元格:行=>(
handleEdit(row.original)}>编辑
handleDelete(row.original)}>删除
)
}
]
其中,
handleEdit
和handleDelete
将是您希望在单击按钮时如何处理操作的回调。据我所知,您有一个显示/隐藏列功能。但是我要求设置一个“编辑/删除行”列。我必须稍微修改@Rico Chen的回答,以便将行对象传递给回调函数:Cell:({row})=>(
是的,正如@alasdairshiels所说,应该是Cell:({row})=>(
!您想在提供编辑行数据或删除行的位置添加新列。我说的对吗?@GAJESHPANIGRAHI您有任何使单元格可编辑的线索,然后添加这些按钮吗?@vrosario是检查此链接您可以使用此链接