Antd-table全选踩坑记录
创始人
2024-05-24 02:36:15
0次
目录
一、需求
二、问题
编辑三、解决
四、全选选中所有数据而不是当前页
一、需求
最近遇到一个小小的需求，在我们这个项目中，有一个表格需要添加全选删除功能。这还不简单吗，于是我找到andt的官网，咔咔咔一顿cv，很快就把这个功能加上了，信心满满的开始自测，但是却发现了一些问题。
二、问题
1.点击全选，只会选择当前页的所有选项，并且后年几页也会被选上，但选中数组中并不包含，第二页的选项，第二页的选项仍然会被勾选上。 
这里数组长度只有10，但页面显示全部选择。
2. 选择第一页的第一项，后续所有分页的第一项都会被勾选。
3.获取的数组为对应的数据的索引下标，没有办法分辨数据。
![]()
三、解决
实际上问题只有一个，那就是没有加对应的标识 rowKey 。少了这个玩意从而导致了包括但不限于以上的这些问题。
还是没有好好看文档啊， 这样一设置，所有的问题都迎刃而解了。
注意这里的 record.xx 是对应的行的某一项属性的属性值。在这里设置以后，获取的数组的内容就是对应的属性值了。
看这里已经从索引下标变成了ID。到此为止，上面的三个问题都得到了相对应的解决。
四、全选选中所有数据而不是当前页
在andt-table组件中的全选只是针对于当前页面的全选，如果想实现全部数据选取就需要加一个方法。
可以在这里通过判断 selected 来将所有数据的rowkey值添加到数组中达到实现目的。
相关内容
热门资讯
常用商务英语口语
商务英语是以适应职场生活的语言要求为目的，内容涉及到商务活动的方方面面。下面是小编收集的常用商务...
六年级上册英语第一单元练习题
一、根据要求写单词。 1.dry（反义词）__________________ 2.writ...
复活节英文怎么说
复活节英文怎么说?复活节的英语翻译是什么?复活节：Easter;"Easter,anniversar...
2008年北京奥运会主题曲
2008年北京奥运会(第29届夏季奥林匹克运动会)，2008年8月8日到2008年8月24日在中华人...
英语道歉信
英语道歉信15篇 在日常生活中，道歉信的使用频率越来越高，通过道歉信，我们可以更好地解释事情发生的...
六年级英语专题训练(连词成句...
六年级英语专题训练(连词成句30题) 1. have,playhouse,many,I,toy,i...
上班迟到情况说明英语
每个人都或多或少的迟到过那么几次，因为各种原因，可能生病，可能因为交通堵车，可能是因为天气冷，有...
小学英语教学论文
小学英语教学论文范文 引导语：英语教育一直都是每个家长所器重的，那么有关小学英语教学论文要怎么写呢...
英语口语学习必看的方法技巧
英语口语学习必看的方法技巧如何才能说流利的英语？ 说外语时，我们主要应做到四件事：理解、回答、提问、...
四级英语作文选:Birth ...
四级英语作文范文选:Birth controlSince the Chinese Governmen...
金融专业英语面试自我介绍
金融专业英语面试自我介绍3篇 金融专业的学生面试时，面试官要求用英语做自我介绍该怎么说。下面是小编...
我的李老师走了四年级英语日记...
我的李老师走了四年级英语日记带翻译 我上了五个学期的小学却换了六任老师，李老师是带我们班最长的语文...
小学三年级英语日记带翻译捡玉...
小学三年级英语日记带翻译捡玉米 今天，我和妈妈去外婆家，外婆家有刚剥的`玉米棒上带有玉米籽，好大的...
七年级英语优秀教学设计
七年级英语优秀教学设计 作为一位兢兢业业的人民教师，常常要写一份优秀的教学设计，教学设计是把教学原...
我的英语老师作文
我的英语老师作文（通用21篇） 在日常生活或是工作学习中，大家都有写作文的经历，对作文很是熟悉吧，...
英语老师教学经验总结
英语老师教学经验总结（通用19篇） 总结是指社会团体、企业单位和个人对某一阶段的学习、工作或其完成...
初一英语暑假作业答案
初一英语暑假作业答案 英语练习一(基础训练)第一题1.D2.H3.E4.F5.I6.A7.J8.C...
大学生的英语演讲稿
大学生的英语演讲稿范文（精选10篇） 使用正确的写作思路书写演讲稿会更加事半功倍。在现实社会中，越...
VOA美国之音英语学习网址
VOA美国之音英语学习推荐网址 美国之音网站已经成为语言学习最重要的资源站点，在互联网上还有若干网站...
商务英语期末试卷
Part I Term Translation (20%)Section A: Translate ...