angular antd table加上scroll之后，出现空白行

最新推荐文章于 2025-10-14 10:41:56 发布
原创 最新推荐文章于 2025-10-14 10:41:56 发布 · 1.2k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html #css #html5

本文介绍如何通过在Ant Design Table中应用nzScroll属性并修复了出现的空白行问题，通过在::ng-deep下设置ant-table-measure-now的visibility为collapse解决了视觉bug。

antd table 加上 [nzScroll]="{y: tableScroll ? tableHeight + ‘px’ : null,x:‘1040px’}"之后 ，出现空白行
在这里插入图片描述
解决方法：

     ::ng-deep.ant-table-measure-now{
          visibility: collapse !important;
        }
解决nz-table底部固定合计栏 开启虚拟滚动后无法横向滚动
MockingBHM的博客
07-27 797
nz-table在底部固定合计栏，支持跟随表格对齐，滚动，解决性能问题，虚拟滚动
antd table scroll表头最右位置出现白线
qq_36384745的博客
03-16 1638
antd table scroll表头最右位置出现白线
antd table 加滚动scroll出现空白行
weixin_46600931的博客
11-04 896
antd 这个组件库好多坑。
＜a-table 添加 scroll 属性后出现一行空白tr
最新发布
weixin_45440916的博客
10-14 158
。给a-table加了个滚动条，结果出现一行tr，想要直接使用display:none去掉。但是结果就是，表头文字也会一块被去掉，表头拉长，没有得到想要的效果。在visibility:collapse表格里和display:none差不多，都是隐藏不占地，主要适用于表格行 (<tr>)、表格列 (<col>)、表格行组 (<tbody>)、表格列组 (<colgroup>) 等
解决 Ant Design Vue 表格滚动时表头与内容不对齐问题
chanyeol14805的博客
05-23 1012
 在使用 Ant Design Vue （1.x版本）的 Table 组件时，开启垂直滚动后，遇到了遇到表头与内容区域不对齐的情况。这种问题不仅影响视觉效果，还可能影响用户体验。本文将深入分析问题根源，并提供有效的解决方案。
scroll滚动性能优化
木槿花开
04-05 5598
在绑定 scroll 、resize 这类事件时，当它发生时，它被触发的频次非常高，间隔很近。如果事件中涉及到大量的位置计算、DOM 操作、元素重绘等工作且这些工作无法在下一个 scroll 事件触发前完成，就会造成浏览器掉帧。加之用户鼠标滚动往往是连续的，就会持续触发 scroll 事件导致掉帧扩大、浏览器 CPU 使用率增加、用户体验受到影响。 一、页面渲染 用户 scroll 和 res
NZScrollFullScreen:滚动 UIView 时的全屏视图
07-06
NZScrollFullScreen 滚动 UIView 时的全屏视图。 截屏 在行动
antd table 表格在写滚动的时候会多出一行空白行
m0_66698608的博客
08-25 1165
【代码】antd table 表格在写滚动的时候会多出一行空白行。
antd table出现空白列的问题
qiqiliuwu的博客
12-25 1243
table中需要有个固定列，所以用了scroll属性，但是发现表格出现了一个空白列。原因：列都设置了固定宽度，导致所有的宽度加起来没有表格宽度长，会出现空白列。解决:建议至少留一个列不设宽度，以自适应宽度。
精选资源
antd 表格列宽自适应方法以及错误处理操作
01-18
当不给某列设置宽度时这一列的...这个表格中只有序号有固定宽度, 那么余下所有列平分表格剩余宽度, 被定为的权属人的新列宽度是由内容撑开的, 所有新列比原列短, 就出现了空缺 表格空缺 结论： 所有被定位的列一定要
antdui
03-08
另外，检查是否有需要纠正的常见误解，比如Antd不仅适用于React，还有Vue和Angular版本，但主要还是React。还要提到Ant Design Pro，这是他们的高级模板，方便快速开发。 最后，确保回答符合用户的结构要求，分点...
angular浏览器兼容性问题解决方案.docx
10-26
在 Edge 浏览器中，使用 `ng-zorro-antd` 表格组件时，如果使用 `nzLeft` 和 `nzRight` 指令来固定表格的某列，则会出现固定列边框消失的情况。 ##### 原因分析 此问题的根本原因是由于 `ng-zorro-antd` 的表格组件...
ng-zorro中滚动条事件
03-20
import { NzDrawerComponent } from 'ng-zorro-antd/drawer'; @Component({ template: ` <!-- Drawer content --> ` }) export class ExampleComponent implements AfterViewInit { @ViewChild('drawer') ...
antd-Table组件渲染数据时出现第一行空白行
Li-的博客
05-06 4798
在表格设置了scroll之类会引起滚动的属性后，表格会在第一行之前生成一行tr，类名为ant-table-measure-row。同时如果还会遮挡部分选择框 更改全局样式 :global{ .ant-checkbox-wrapper{ margin: -3px !important; } tr.ant-table-measure-row{ // display: none; visibility: collapse;
antd表格固定列出现空白间隙问题
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
03-02 7965
前言： antd表格设置了fixed属性后，在设置scroll:x的时候会出现空白间隙。 如下图： 解决方案： 1.动态计算宽度 //动态计算columns width属性（width属性不要加单位px） countX = (arr) => { return arr.reduce((cur, next) => { return cur + (next.width ? next.width : 0) }) } let columns=[{.
解决Antd 表格固定列后列间有空白间隙的问题
热门推荐
徐行之的博客
01-16 1万+
问题描述： antd 表格设置列fixed属性，scroll为x:true后，如果列数少，会出现列间空白间隙。 原因： antd的表格为了实现固定列，横向滚动的效果，会多渲染出一个用于覆盖原始表格固定列的表格，该表格只渲染被固定的列，然后在横向滚动条滚动时，该表格固定不动，下面被覆盖的原始表格来回滚动，从而实现左右某些列固定，中间列可以滚动的效果。然后，在渲染时，两个表格固定列每一列的列宽度...
antd出现空白列问题解决
我还可以
03-08 1647
引发这种问题有两个原因： 列太少，而且设置了宽度 设置了固定头部或者尾部 解决： 删除width属性和fixed属性
antd table表格设置scroll属性头部出现多余滚动条
Y_soon_start的博客
08-16 1458
【代码】antd table表格设置scroll属性头部出现多余滚动条。
AngularJS无限滚动插件angular-infinite-scroll应用指南
在实现了angular-infinite-scroll之后，开发者需要在AngularJS模块中进行相应的配置，以将这个指令集成到应用程序中。通常这意味着需要在应用的主模块（通常是一个名为`app`的模块）中声明`infinite-scroll`依赖，并...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值