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

背景

          {
            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',
},