1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > ant table表格整行点击事件并获取当前行的数据

ant table表格整行点击事件并获取当前行的数据

时间:2024-07-20 10:02:16

相关推荐

ant table表格整行点击事件并获取当前行的数据

实现效果:点击表格中某一行,或者点击表格中某一行的一个字段,获取当前行的 item 下标数据,并用 Link 标签传参,下一个页面接收的实现。

如果使用router 跳转路由传参,需要导入import router from umi/router;

如果用 Link 跳转路由传参,需要导入 import Link from umi/link;

1.点击整行得到当前数据的实现代码:

<TableonRow={record => {return {onClick: event => {console.log(aaaaaaaaaaaa,record)router.push({pathname: /c_histori/c_histori,query: {obj: record},});}, // 点击行onDoubleClick: event => {},onContextMenu: event => {},onMouseEnter: event => {}, // 鼠标移入行onMouseLeave: event => {},};}}dataSource={this.state.list} columns={columns} pagination={ this.state.paginationProps }/>

2.点击表格内的某一项得到当前行数据

注:需要利用表

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。