关于antd table组件中,数据渲染条数跟后台传入数据不一致的问题
如果出现表格数据渲染 跟后台传过来的数据的条数不一致的情况,绝大概率的rowkey的问题。
我这边当时调试的时候,后台的数据我是存在store中的,包括在table重新渲染的时候,我这边传过来的数据条数都是跟后台的保持一致的,但是渲染的时候 一共六条数据,就只渲染出来一条。于是就看了一下传过来的数据,发现这六条数据的key居然是一模一样的,这也就是为什么明明过来了六条数据,结果表格只渲染了一条。
在网上搜了一下,发现因为rowkey一样,导致渲染的时候数据多于后台传过来的数据,这种情况我还没遇到过。
还有一个存疑就是,我在初次渲染表格的时候,300多条数据,明明去重过后只有50多条,不知道为什么初次渲染相同的数据就没有被覆盖掉,但是在我搜索过滤这些数据再重新渲染的时候,就会出现表格自动去重。
总而言之,如果发现组件渲染数据跟后台的不一致,就去看一下数据设置的key是不是一样。
关于antd table组件中,数据渲染条数跟后台传入数据不一致的问题相关推荐
- antd中table组件中如何进行换行操作(react中)
antd中table组件中如何进行换行操作(react中) 说明 效果 数据 代码 说明 react项目,遇到某字段对应的单元格内需要换行. 最初想偷懒,尝试了在数据中加入回车.使用模板字符串.转义字 ...
- ui做成html格式,使用element-ui的table组件时,渲染为html格式
背景 今天在作vue的项目时,使用到 element-ui 的 table 组件,使用富文本编辑器进行新增操做后,发现 html格式 并无被识别 html 缘由 在 element-ui 中,tabl ...
- 原生html使用element组件,使用element-ui的table组件时,渲染为html格式
背景 今天在做vue的项目时,使用到 element-ui 的 table 组件,使用富文本编辑器进行新增操作后,发现 html格式 并没有被识别 原因 在 element-ui 中,table组件默 ...
- kafka查看topic中的数据_实战!Kafka Manager能统计出Topic中的记录条数吗?
问题描述 今天现场实施同事说Kafka Manager上显示有3500w条记录,但使用我们的平台落地后,一统计发现只有2200w条记录,这是不是说明我们的平台存在丢数据的可能. 经了解,对接方是通过如 ...
- mysql查询语句ppt,mysql查询表中数据总条数的语句怎么写
sql查询表中数据总条:SELECT COUNT(*) FROM 表名称.count(*)代表着抄数据统计的总数.例子本例返回 "Persons" 表中的行数:SELECT COU ...
- Antd table组件样式去除背景色
Antd table组件样式去除背景色 在鼠标悬浮时背景色展示在当前项非当前行 .ant-table-tbody > tr > td { background: rgba(255,25 ...
- oracle中按指定条数批量处理的方法
oracle中按指定条数批量处理的方法 示例 --每处理10000条提交一次 loop insert into t2 select * from t1 where rownum <= 10000 ...
- antd 设置表头属性_解决react使用antd table组件固定表头后,表头和表体列不对齐以及配置fixed固定左右侧后行高度不对齐...
一.固定表头后表体列和表头不对齐 此问题可能在antd3.24.0版本之前都存在,反正3.16.2版本是存在这个问题的,如果是3.24.0之前的版本估计只能通过修改css样式解决. 按照官网说的: 1 ...
- antd table动态表头_解决react使用antd table组件固定表头后,表头和表体列不对齐以及配置fixed固定左右侧后行高度不对齐...
1.固定表头后表体列和表头不对齐 此问题可能在antd3.24.0版本以前都存在,反正3.16.2版本是存在这个问题的,若是是3.24.0以前的版本估计只能经过修改css样式解决.css 按照官网说的 ...
最新文章
- cannot import name 'imresize'. The package prm under namespace prm could not be imported
- 20145228《Java程序设计》课程总结
- YOLO3实现目标检测(VS2015+OPENCV3.4.2+YOLO3+CUDA10.0+CUDNN7.5)
- spring学习网址(博客)
- java js隐藏_Javascript匿名函数是否仍然可见? (使用Java applet,这是一种隐藏JS代码的方法)...
- java sqlmap_sqlmap 学习指南
- string转short java_[Java基础]之 数据类型转换
- 小黄鸡 php,PHP调用小黄鸡 api post发送
- css3动画 --- Animation
- php上传图片到远程服务器并返回图片地址到本地显示
- matlab中ezplot和plot, fplot这3
- 深度学习笔记(三):激活函数和损失函数
- opencv-4.5.5-vc14_vc15配置环境VC++
- 传智php网课,传智自动刷网课视频工具
- Xshell学生版免费下载使用
- 阿里图标库使用(在线使用)
- MOSFET 导通条件
- bugzilla perl mysql apache windows,windows下配置bugzilla
- 面试笔试杂项积累-Unity
- 【Android】虚拟环绕声