Ant design table实现单选和点击行选中

发布于：2023-09-09 ⋅ 阅读:(135) ⋅ 点赞:(0)

实现单选

Antd table实现单选非常方便只需要在rowSelection属性里添加type: radio即可。
在这里插入图片描述

实现点击行选中

需要用到onRow属性
在这里插入图片描述

在onClick事件里面手动设置selectRowKey，跟Table onChange事件一样

onRow={(record) => ({
	onClick: () => {
		console.log(record)
		setSelectedRowKeys([record.docId])
	}
})}

要注意的是selectRowKeys是一个数组，赋值的时候需要变成数组

完整配置如下：
在这里插入图片描述

本文含有隐藏内容，请开通VIP 后查看