antd table出现空白列的问题

最新推荐文章于 2025-10-14 10:41:56 发布

原创最新推荐文章于 2025-10-14 10:41:56 发布 · 2.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

vue项目中问题总结同时被 2 个专栏收录

6 篇文章

订阅专栏

前端学习

6 篇文章

订阅专栏

本文探讨了在使用Ant Design的Table组件时遇到的滚动列出现空白的问题。原因是所有列设置的固定宽度总和小于表格宽度，导致出现额外的空白列。为解决此问题，建议至少保留一列不设定宽度，使其自适应宽度，从而避免空白列的出现。

<a-table
            rowKey="id"
            :columns="evalTypeList"
            :data-source="loadData"
            ref="table"
            :rowClassName="rowClassName"
            :pagination="pagination"
            :scroll="{ x: 1200 }"
            @change="changeData"
            bordered
          >
</a-table>