react +antd的Table组件如何实现点击表格行选中

最新推荐文章于 2024-07-30 15:22:23 发布

I NFINIT Y

最新推荐文章于 2024-07-30 15:22:23 发布

阅读量1w

点赞数 2

文章标签： react antd Table

本文链接：https://blog.csdn.net/weixin_43021174/article/details/85495150

版权

onRow设置行属性 Function(record, index)
rowSelection 表格行是否可选择，配置项 object
selectedRowKeys是配置项指定选中项的 key 数组，需要和 onChange 进行配合 string[]


   const rowSelection = {
      type:'radio',
      selectedRowKeys:this.state.selectedRowKeys,
    }

<Table onRow={(record,index)=>{return{onClick:()=>{
        this.setState({
          selectedRowKeys:[index]
        })
      }}}} rowSelection={rowSelection} dataSource={this.state.dataSource} columns={columns} />