antDesign----table表格fixed固定表头后缩放浏览器多出一列空列？

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 3.6k累计阅读 3.7k平均单平台已同步平台优快云微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄8年

关注

原创最新推荐文章于 2026-04-22 09:31:17 发布 3.6k 阅读 AI 写同款· GEO 优化 ›

UltraScale+ FPGA中GTY收发器参考时钟的跨Bank共享机制解析本文深入解析了UltraScale+ FPGA中GTY收发器参考时钟的跨Bank共享机制，详细介绍了时钟布线架构、SLR区域限制及Vivado工程配置要点。通过实际案例和优化建议，帮助工程师解决高速串行通信中的时钟共享问题，提升系统性能。阅读详情

浏览器百分百没问题

百分之80就多出来一列空白的

大佬们遇到过这样的问题嘛请指教下小弟~~~

表头代码如下：

收录于

前端 antDesign

当前文章被收录于：

前端 antDesign

3 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

标签

#前端 #reactjs

【Burp入门第三十七篇】AutoRepeater插件安装使用教程+越权实战案例 AutoRepeater 通过接收满足特定条件的请求，按照预设的基础替换规则对请求进行处理。在接收到匹配请求后，它首先应用基础替换，然后针对每个定义的替换创建请求副本并应用该替换操作，从而实现对不同参数的修改和请求的重复发送，以此来全面检测 Web 应用的授权情况。1、自动化请求重复：能自动复制、修改并重发 HTTP 请求，避免了手动重复操作的繁琐，大大提高了 Web 应用授权测试的效率。2、灵活参数替换：可灵活改变邮箱地址、账号身份、角色、URL 和 CSRF 令牌等关键参数。阅读详情

相关推荐

别再只会画方块了！Cesium 1.62 实战：用 Polygon、Ellipse 和 PolylineVolume 玩转复杂地理围栏与3D管道

本文深入探讨了Cesium 1.62在复杂地理围栏与3D管道开发中的高级应用，通过Polygon、Ellipse和PolylineVolume等API实现不规则禁飞区建模、椭圆围栏设计及地下管线可视化。文章结合实战代码，详细解析了性能优化技巧和工程实践，帮助开发者突破基础图形绘制局限，构建真实业务场景中的三维空间系统。

weixin_26763955的博客 104

ant design vue table 固定列后出现空列

解决办法：给固定列添加宽度

weixin_38673922的博客 1644

STM32F407 HAL库定时器触发ADC采集与DMA数据传输（定时器TIM+ADC+DMA）

在STM32F407系列微控制器的开发中，结合定时器、ADC（模数转换器）与DMA（直接存储器访问）控制器，能够显著提升数据采集与传输的效率。本文将指导你如何使用STM32 HAL库，通过定时器触发ADC1的单通道采集，利用DMA传输数据，最终通过串口将电压值打印出来。具体实现中，我们将读取ADC1的通道5（对应引脚PA5），并将转换得到的电压值发送到串口助手上进行显示。

jmlinux的博客 7011

解决ant-design表格固行和列多出空白列的问题

1、问题描述在使用表格组件的时候，使用固定列，可能会遇到当你表头内容小于你设定的值时，会多出一列空白的问题。 2、解决以上问题只需要我们动态的去判断当有多少列的时候需要去固定列这个属性。 3、 4、 ...

WebView 5298

FastGPT 引申：借鉴 FastGPT 基于MySQL + ES 实现知识库（含表结构以及核心代码）

蜗牛的专栏 3435

立创开源PEX88048 8盘位M.2扩展卡硬件设计与PCIE4.0交换机应用解析

本文详细解析了基于Broadcom PEX88048 PCIe 4.0交换芯片的8盘位M.2扩展卡硬件设计。文章深入探讨了核心芯片选型、关键供电与安全设计、引脚配置、固件刷写方法，并重点剖析了PCIe 4.0时钟架构与高速PCB布局的核心思想，旨在帮助开发者理解如何设计高性能、高可靠性的存储扩展方案，并有效控制成本。

weixin_28949937的博客 617

antdesignvue表格使用fixed出现空白列——已解决

【代码】antdesignvue表格使用fixed出现空白列——已解决。

King的博客 3245

Ubuntu系统下主板GPU温控pwm风扇

在Linux系统下——以Ubuntu为例，配置主板sys_fan等接口连接pwm温控风扇转速根据NVIDIA GPU温度，为服务器GPU等无主动散热显卡提供散热。

罗思哲的博客 5032

ant design vue 的table固定列出现滚动条

根据需求需要在列多的表格固定某列，本地代码是没有任何问题，但是打包后运行的话，就会固定列的旁边会多一条滚动条，客户不想要这样的滚动条，还有滚动条到固定列，2.会被固定列遮挡，但是这些问题在没有打包的时候都不是问题，但是为什么会这样，还没搞懂。先解决问题吧，在app.vue中的style更改控制滚动条的样式。 /*滚动条*/ ::-webkit-scrollbar{ width:6px; height:8px; } .ant-table-fixed-left, .ant-table-f

sunmeng_sunmeng的博客 4654

Halcon实战：基于图像清晰度自动筛选最佳对焦图片

本文详细介绍了如何使用Halcon实现基于图像清晰度的自动筛选最佳对焦图片技术。通过分析灰度值统计和标准差等核心指标，结合实战代码示例，帮助开发者高效处理工业检测中的对焦问题，提升自动化检测的准确性和效率。

weixin_27015733的博客 440

5G射频设计中N77&N79的PRX为什么需要3个SRS

首先，我们来逐个拆解一下这个神秘的“

weixin_43199439的博客 1323

Ant-Design-Vue中Table使用固定列后行之间对不齐的问题解决

由于需求要求固定列这个字段要进行2行的折行，所以进行了自定义样式的控制，这样导致固定列有些行高度和主表格高度不一致，导致塌陷，官网要求是不能折行的。

dip_chao的博客 6761

C#开发的OpenRA游戏之网络接收后找到游戏对象

而这个队列是在创建这个游戏对象时组件，因为一个游戏对象有很多特性，当发现创建游戏对象时有IResolveOrder继承接口的对象，就添加到这个数组。在这里先检查一下命令是否有效的，接着就调用命令的执行对象，即是游戏对象来执行这个命令了。order.Subject就是上面解释游戏对象ID，并从游戏世界里找到的游戏对象，再从各个字段里找到对应的信息，再把这个动作交给游戏世界里的对象执行。从前面分析可知，要找到游戏世界里的对象，就需要游戏对象的ID，因此，我们来分析游戏对象的ResolveOrder函数。

大坡3D软件开发 1034

ant design vue中a-table固定头和列后出现行内容不对齐的情况

如图所示，在固定头和列后出现了几个问题，查看原因后得知是表格下部出现滚动条导致的，所以我把左右固定列的高度减去滚动条的高度就可以解决这个问题 mounted () { // this.h = document.querySelector('.ptp-layout-main').offsetHeight - 45 const _this = this var tableBodyInnerNodeList = document.querySelectorAll('.ant-table-body-.

weixin_42043532的博客 5935

廖雪峰Python教程[完整版]

廖雪峰的python教程整理的，已经排好版了，而且还是完整的，适合小白

锂电池充电器电路设计里面有电路

锂电池充电器电路设计里面有电路 3.7V升压到5V电路设计。

antd+vue表格固定列之后出现空白列-解决方案

antd+vue表格固定列之后出现空白列，如下：代码如下： <a-col :md="24"> <h4>表格固定列</h4> <a-table :columns="columns" :data-source="dataTable" :scroll="{ x: 900 }" bordered> <a slot="action" slot-scope="text, record" href="javascript:;"

qq_43437571的博客 5973

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表，创建专业级图表以简化复杂的信息。

解决antdesigntable表格fixed后出现空白列

解决方案：将所有列的宽度加起来等于:scroll="{x:m}"里m的值,然后其中一列不设置宽度去自适应宽度

weixin_41940856的博客 3166

复分析阿尔福斯(Ahlfors) 第三版答案英文

答案分为十章，有部分习题没有答案，全英文复分析阿尔福斯(Ahlfors) 第三版答案

解决Antd 表格固定列后列间有空白间隙的问题

问题描述： antd 表格设置列fixed属性，scroll为x:true后，如果列数少，会出现列间空白间隙。原因： antd的表格为了实现固定列，横向滚动的效果，会多渲染出一个用于覆盖原始表格固定列的表格，该表格只渲染被固定的列，然后在横向滚动条滚动时，该表格固定不动，下面被覆盖的原始表格来回滚动，从而实现左右某些列固定，中间列可以滚动的效果。然后，在渲染时，两个表格固定列每一列的列宽度...

徐行之的博客 1万+

antd表格固定列出现空白间隙问题

前言： 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=[{.

从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！ 8212

解决a-table设置固定宽度后有空白列的问题

【代码】解决a-table设置固定宽度后有空白列的问题。

前端路上坎坎坷坷，总有一天站在顶峰仰望世界！！！ 1544

ant design Vue 固定列后出现空白列的情况（亲测可用）

当表格固定右侧列之后当表头过短时会出现空白列的情况，这个时候给表头数据的固定列加上固定宽度就解决了。

前端路上坎坎坷坷，总有一天站在顶峰仰望世界！！！ 1785

antd出现空白列问题解决

引发这种问题有两个原因：列太少，而且设置了宽度设置了固定头部或者尾部解决：删除width属性和fixed属性

我还可以 1678

解决ant 文字超过table td宽度隐藏，表头固定后有多余空白问题！2021-07-26

解决ant 文字超过table td宽度隐藏，表头固定后有多余空白问题！首先ant 自带api ellipsis：true 为文字超出表格宽度隐藏，但实际给了width宽度却不起作用这里文字后并没有…而且宽度是自适应，这里需要给全局样式加上 `javascript .ant-table-fixed-left table, .ant-table-fixed-right table { width: min-content; } 这里转自网络`` 感谢作者暂时找不到链接了~ 加上以后出现了

m0_50599032的博客 1756

ant-design Table组件错位/对不齐

此篇乃小伙伴们在花式踩坑antdesign的table组件后，总结的专治对不齐的十全大补丸，望君趁早服用及时康复，如果你还踩出了更多花样对不齐，欢迎臭jio的你前来补充

baozhuona的博客 4万+

antd3.x版本table使用fixed错位问题修复

问题如图：修复后如下：解决思路： fixed栏位高度没有自适应（即和子表格高度一致），通过获取元素ant-table-expanded-row，拿到子表格的高度（盒子a），且子表格在fixed栏位也插入了以ant-table-expanded-row命名的盒子（(盒子b)高度固定，导致错位）。通过观察，将a盒子的高度给b盒子，且设置定位，可以修复 expandedRowsChange = () =>{ setTimeout(()=>{ const d = docum

Kobeloveu 3421

antd table出现空白列的问题

table中需要有个固定列，所以用了scroll属性，但是发现表格出现了一个空白列。原因：列都设置了固定宽度，导致所有的宽度加起来没有表格宽度长，会出现空白列。解决:建议至少留一个列不设宽度，以自适应宽度。

qiqiliuwu的博客 1338

ant-design-vue中的table的某列fixed后导致的问题

当table很多列的时候，需要使用column的fixed属性，但是这时会存在一个问题，就是存在鼠标事件穿透。当固定列悬浮时，固定列的鼠标事件就不会触发，继而触发底层的鼠标事件。这回导致固定列（即使包含按钮）的鼠标事件（点击，悬浮等）不能触发，当底层存在鼠标事件事件还会导致出现不必要的触发，而且这种触发往往是不易察觉的。解决办法：在ant-design-vue，使用fixed会是的固定列独立出来，只需要是的固定列的容器的z-index比table容器的z-index大就好。示例：这里table的co.