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

最新推荐文章于 2025-04-18 17:24:04 发布

置顶懒杨杨··

最新推荐文章于 2025-04-18 17:24:04 发布

阅读量3.5k

点赞数

分类专栏：前端 antDesign 文章标签：前端 reactjs

本文链接：https://blog.youkuaiyun.com/writeBUG123/article/details/105854602

版权

前端 antDesign 专栏收录该内容

3 篇文章

订阅专栏

本文讨论了一个浏览器显示问题，当浏览器宽度设置为80%时，出现了一列空白的情况。作者请求社区帮助解决此布局异常，并提供了表头代码供分析。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

浏览器百分百没问题

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

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

表头代码如下：

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

懒杨杨··

关注关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
5
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Vue3 - 解决 iView 表格组件 Table 滚动条无法拖动问题，表格固定列时滚动条失效导致拖拽没反应，把表格的某列固定后横向或纵向滚动条无法滚动的问题处理（有合计行或固定时导致失效无法拖曳）

王二红

07-14

3160

vue3，iview，表格组件，table，滚动条，无法拖曳，拖动，无效，不生效，没反应，无法滚动，鼠标拖住不动，设置固定列，横向滚动条在固定列的位置上无法滚动的问题，vue3iview表格固定后滚动条无法拖动，解决iview带合计行表格固定列后滚动条无法拖拽的问题，table固定列后,进度条无法拖拽iview固定列导致滚动条失效，也不报错，样式，无法覆盖，deep，iviewtable组件当固定高度后，fixed某一列会出现盖住滚动条的情况，滚动条始终位于可视区域的实现，详细解决方案，如何解决这个问题

fixed的列对应行高异常 elementUI el-table-column高度改变，使用fixed的列对应行高异常

qq_41890576的博客

11-01

1978

问题描述：在table的行中使用折叠面板，同时table的column使用了fixed，折叠面板展开时fixed行高并没有自适应解决思路：万事先百度，无奈网上暂时没找到好的例子参考，自己动手解决，但是方法比较挫，如果有更好方案请留言赐教！！！思路是利用折叠面板change方法，获取改行高度，动态修改fixed行的高度（折叠面板展开有个过程，期间height动态变化所以使用定时器） ...

5 条评论您还未登录，请先登录后发表或查看评论

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

weixin_41940856的博客

12-28

3052

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

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

WebView

11-27

5152

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

vxe-Table 行数据过多导致列隐藏展示卡顿问题解决方案

最新发布

抹不去你留下的唇印的博客

04-18

1142

通过本文方案的实施，成功解决了大规模数据场景下vxe-table列操作卡顿的问题。数据驱动原则：通过修改源数据而非频繁操作DOM批量处理机制：合并多次操作为单次数据遍历渲染策略优化：利用虚拟滚动+智能刷新降低渲染压力该方案已在实际生产环境中验证，可稳定支持10万级数据量的列操作场景。开发者可根据具体业务需求，灵活调整列分组策略和状态管理方案。

【ant-design-vue】 a-table表头多出来一个空列

piano_diano的博客

03-11

3262

背景原因 scroll 的 x 设置的长度太长了 <a-table ref="table" size="middle" bordered :columns="columns" :dataSource="dataSource" :pagination="ipagination" :loading="loading" .

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

weixin_38673922的博客

03-04

1580

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

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

qq_43437571的博客

09-16

5778

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:;"

ant-desing-vue table 可伸缩列在固定列、多级表头情况下的实现以及问题解决

子非渔

05-26

5150

这个东西本来以为手到擒来，因为在官网中已经给出了例子，但是果然还是不能太信任官方，官方给出来的只能是最基础的，然后我们正常的使用场景往往要复杂很多，比如固定列，比如固定表头，比如自带checkbox列，比如多级表头的情况。要想满足这些情况往往需要自行开发。 1.首先蒋官方的例子copy下来，居然拖不动。对照了一下官方，css居然都不一样，于是增加了第一个改动因为style内联样式自带了 translate属性，所以直接去掉right：0；只留left -5.height设置100%就可以。 ...

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

weixin_45113507的博客

04-20

2525

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

jQuery fixed-table.js锁定表头Table插件特效代码.zip

11-05

《jQuery fixed-table.js：实现固定表头的Table插件详解》在网页设计中，处理大量数据时，表格是一个常用且有效的展示方式。然而，当表格内容过多导致滚动时，表头往往会被滚动条遮挡，给用户查看和操作带来不便。...

a-table固定了最后一列，导致的多余一列，解决表头过少宽度没用完的情况

不爱学习的黑猫的博客

07-26

1807

antd 表格固定最后一列，导致的空白列

解决antd 2.x table组件columns fixed后列表头多出一块的问题

he_web369的博客

12-04

2147

解决antd 2.x table组件columns fixed后列表头多出一块的问题操作栏重复渲染使样式难看。 columns里的操作栏代码： { title: `操作`, key: 'operation', render: (text, record) => { return <DropOption onMenuClick={e => this.handleMenuClickCh

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

King的博客

03-06

2673

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

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

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

01-14

1568

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

antd table出现空白列的问题

qiqiliuwu的博客

12-25

1106

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

vue+element导出表格移除最后一栏操作列，element-ui的表格的fixed属性导致多出一个table；字符串为全数字会被科学计数法，首位为0会被省略问题

weixin_45889442的博客

12-27

1197

【代码】vue+element导出表格移除最后一栏操作列，element-ui的表格的fixed属性导致多出一个table；字符串为全数字会被科学计数法，首位为0会被省略问题。

ant-design-vue a-table固定列缩放或者列数量多表格横向滚动导致多出空白列问题

Amy_happiness的博客

12-05

290

ant-design-vue 固定列时表格列多滚动时表格多出空白列问题

el-table固定列错位问题

03-19

这些问题的根本原因是 `el-table` 在实现固定列时会克隆一份表格结构[^2]，并将其放置在不同的 DOM 容器中。这种机制可能导致布局计算错误，尤其是在动态加载数据或窗口大小发生变化的情况下。 --- #### 2. 解决...