网站设计的企业,广告设计需要美术功底吗,建筑行业网站运营方案,页面设计及逻辑方案前言
前端样式框架采用AntDesign时#xff0c;经常会使用到Table组件#xff0c;如果要有实现多选或选择的需求时往往就会用到rowSelection属性#xff0c;效果如下 rowSelection属性属性值如下 问题
文档中并没有说明选择时以数据中的哪个属性为准#xff0c;看官方案例…前言
前端样式框架采用AntDesign时经常会使用到Table组件如果要有实现多选或选择的需求时往往就会用到rowSelection属性效果如下 rowSelection属性属性值如下 问题
文档中并没有说明选择时以数据中的哪个属性为准看官方案例是默认以名为key的属性为准那如果我们项目要展示的数据没有key而想要以数据中的id为准该如何设置
解决方法
在Table组件中明确指出rowkey是什么如下以react为例
Tablecolumns{comAnounceH}dataSource{commonNewsData}pagination{{total: pageCount,pageSize: 5}}rowSelection{{selectedRowKeys: this.state.selectedRowKeys,onSelect: (record, selected, selectedRows, nativeEvent) {this.updateSelectData(selected, Array(1).fill(record))},onSelectAll: (selected, selectedRows, changeRows) {this.updateSelectData(selected, changeRows)},}}rowKey {record record.id}/关键代码rowKey {record record.id}指明rowKey为数据中的id否则在进行选择、或者实现默认选择时会出现离奇现象总是到不到想要的效果
