美文网首页让前端飞
antd表格中的选中项换页仍然选中问题

antd表格中的选中项换页仍然选中问题

作者: 废柴码农 | 来源:发表于2019-01-09 20:49 被阅读0次

如下图所示:
勾选的两项后,点击分页仍然存在


不加rowkey对比1.jpg
不加rowkey对比2.jpg
那是因为没有给表格key值不唯一造成的,在table中加入这行代码 rowKey={record =>record.id}就可以了

代码如下:

<Table 
    columns={columns} 
    rowSelection={rowSelection}
    rowKey={record =>record.id} //就是这一行代码
    dataSource={this.state.tableData} 
    pagination={false}/>

相关文章

  • antd表格中的选中项换页仍然选中问题

    如下图所示:勾选的两项后,点击分页仍然存在 那是因为没有给表格key值不唯一造成的,在table中加入这行代码 r...

  • antd表格重新刷新选中项(清除选中缓存)

    如上如所示,选中项再打开页面仍然存在从antd官网复制的下面方法,点击其他按钮刷新selectedRowKeys发...

  • antd table 行点击事件以及高亮显示选中行的背景颜色

    需求如图点击表格某一行选中,修改选中行的背景颜色 查看antd的官方文档 https://ant.design/c...

  • js关于近似匹配路径

    最近用到antd的menu导航菜单组件,官网中默认选中菜单功能defaultSelectedKeys只能默认选中已...

  • element ui ----table表格(带多选框)+分页实

    大概的需求是,把A表格里面选中的数据,赋值到B表格中,当B表格移除某条数据时,A表格中对应的那条数据也应该取消选中...

  • 选中当前选中项

    需求:在data里取数据在页面渲染 效果应该是这样的点击谁出现谁的子集 而不是全部出来。 刚接触小程序的时候估计大...

  • 多个工作表内容合并

    数据--新建查询--从文件--选中excle表格--选择多项--添加sheet表格内容--编辑--删除重复项--追...

  • word表格内文字居中

    今天在word中插入了一个表格,看到左边的文字没居中很难受。 选中表格-选择 , 选择 ,选中 即可 设置完,看着...

  • 三线表

    1:插入表格4*3 2:选中表格,选择无边框 3:再依次选中上框线和下框线 4:再选中第一行表格,选择下框线,0....

  • Antd  table 坑

    antd的table有checkbox的模式,比如你选中了某些行,再把选中的行setstate,数据根据这个过滤了...

网友评论

    本文标题:antd表格中的选中项换页仍然选中问题

    本文链接:https://www.haomeiwen.com/subject/djhnrqtx.html