【ant-design-vue】 a-table表头多出来一个空列
背景原因scroll 的 x 设置的长度太长了<a-tableref="table"size="middle"bordered:columns="columns":dataSource="dataSource":pagination="ipagination":loading="loading".
·
背景
{
title:'列名',
align:"left",
width:100,
dataIndex: 'name',
},
原因
scroll 的 x 设置的长度太长了
<a-table
ref="table"
size="middle"
bordered
:columns="columns"
:dataSource="dataSource"
:pagination="ipagination"
:loading="loading"
:scroll="{ x: 7000 }">
</a-table>
解决
1、减小 :scroll="{ x: 7000 }" 中的x值,就被会压缩掉了
2、把每列的自定义宽度都去掉
{
title:'名字',
align:"left",
//width:100,
dataIndex: 'name',
},
更多推荐
已为社区贡献5条内容
所有评论(0)