Antd-table全选踩坑记录
创始人
2024-05-24 02:36:15
0次
目录
一、需求
二、问题
编辑三、解决
四、全选选中所有数据而不是当前页
一、需求
最近遇到一个小小的需求，在我们这个项目中，有一个表格需要添加全选删除功能。这还不简单吗，于是我找到andt的官网，咔咔咔一顿cv，很快就把这个功能加上了，信心满满的开始自测，但是却发现了一些问题。
二、问题
1.点击全选，只会选择当前页的所有选项，并且后年几页也会被选上，但选中数组中并不包含，第二页的选项，第二页的选项仍然会被勾选上。 
这里数组长度只有10，但页面显示全部选择。
2. 选择第一页的第一项，后续所有分页的第一项都会被勾选。
3.获取的数组为对应的数据的索引下标，没有办法分辨数据。
![]()
三、解决
实际上问题只有一个，那就是没有加对应的标识 rowKey 。少了这个玩意从而导致了包括但不限于以上的这些问题。
还是没有好好看文档啊， 这样一设置，所有的问题都迎刃而解了。
注意这里的 record.xx 是对应的行的某一项属性的属性值。在这里设置以后，获取的数组的内容就是对应的属性值了。
看这里已经从索引下标变成了ID。到此为止，上面的三个问题都得到了相对应的解决。
四、全选选中所有数据而不是当前页
在andt-table组件中的全选只是针对于当前页面的全选，如果想实现全部数据选取就需要加一个方法。
可以在这里通过判断 selected 来将所有数据的rowkey值添加到数组中达到实现目的。
相关内容
热门资讯
公司迎春晚会的主持词
公司迎春晚会的主持词 主持词的写作需要将主题贯穿于所有节目之中。在当今不断发展的世界，主持人在活动...
少儿节目主持词
精选少儿节目主持词4篇 主持词已成为各种演出活动和集会中不可或缺的一部分。随着社会一步步向前发展，...
王家卫电影经典台词
王家卫电影经典台词（精选50句） 我们爱看王家卫的电影，不止爱他所创造的那个光影世界，更爱他电影中...
演唱会主持台词
演唱会主持台词 （甲）尊敬的各位领导， （乙）各位来宾， （甲）敬爱的老师， （乙）亲爱的同...
《你的名字》经典台词
《你的名字》经典台词 你的名字，是谁的心事，还记得你的名字里面的经典台词吗?以下是小编为你精心整理...
教研活动主持词
教研活动主持词 主持人在台上表演的灵魂就表现在主持词中。在当下的中国社会，主持成为很多活动不可或缺...
艺术节主持词开场白
艺术节主持词开场白 什么是艺术节 艺术节是文艺工作者及艺术家、艺术爱好者之间学术交流与学习的重要...
老板在公司年会致辞
老板在公司年会致辞15篇 在平平淡淡的学习、工作、生活中，大家最不陌生的就是致辞了吧，致辞具有针对...
央视春晚主持词台词
央视春晚主持词台词 主持词是主持人在节目进行过程中用于串联节目的串联词。在各种集会、活动不断增多的...
教师节朗诵晚会串词
教师节朗诵晚会串词 主持词需要富有情感，充满热情，才能有效地吸引到观众。在当今不断发展的世界，越来...
趣味运动会主持稿
趣味运动会主持稿（通用7篇） 在充满活力，日益开放的今天，很多地方都会使用到主持稿，主持稿是主持人...
鼠年文艺晚会的主持词
鼠年文艺晚会的主持词 1、喜鹊枝头叫，猴年已来到。好运来报道，健康身边绕。跨羊威武耀，进财装元宝。...
订婚仪式主持词
订婚仪式主持词（通用16篇） 主持词的写作需要将主题贯穿于所有节目之中。在人们积极参与各种活动的今...
文化艺术节闭幕词
文化艺术节闭幕词（精选6篇） 在日新月异的现代社会中，我们都可能会用到闭幕词，闭幕词的作用是辅助讲...
幼儿园签约仪式主持词
幼儿园签约仪式主持词 主持词没有固定的格式，他的最大特点就是富有个性。现今社会在不断向前发展，主持...
电影后来的我们台词
电影后来的我们台词 电影《后来的我们》可以说是风波不断，那么后来的我们经典语录台词有哪些？下面是小...
音乐串词
音乐串词甲：金牛报春来！ 又是瑞雪飘飞的季节了,我们打一小学这个大家庭每到这时候总会欢聚一堂。 共庆...
不差钱的经典台词
不差钱的经典台词 赵本山：苏格兰调情。 小沈阳：人家是纯爷们。 丫蛋：洪湖水浪打浪，长江后浪推...
《终结者2》的经典台词
《终结者2》的经典台词 1.I’ll be back。 我会回来的。 2.I need you...
婚宴新娘致辞
婚宴新娘致辞(合集15篇) 无论在学习、工作或是生活中，大家都对致辞很是熟悉吧，在各种重大的庆典、...