ant design vue 设置table各个column所占百分比

您可以使用 `width` 属性设置每个列的宽度。例如，如果您希望第一列占据表格宽度的 20%，第二列占据 60%，第三列占据 20%，可以像这样设置列的宽度：

<a-table :columns="columns" :data-source="data">
  <!-- ... -->
</a-table>

<script>
export default {
  data() {
    return {
      columns: [
        {
          title: 'Column 1',
          dataIndex: 'col1',
          width: '20%'
        },
        {
          title: 'Column 2',
          dataIndex: 'col2',
          width: '60%'
        },
        {
          title: 'Column 3',
          dataIndex: 'col3',
          width: '20%'
        }
      ],
      data: [
        // ...
      ]
    }
  }
}
</script>

请注意，如果所有列的宽度总和不等于 `100%`，则表格的宽度将根据列的内容自动调整。如果您希望表格的宽度始终为固定值，可以在 `<a-table>` 上使用 `:scroll="{ x: '100%' }"` 属性。例如：

<a-table :columns="columns" :data-source="data" :scroll="{ x: '100%' }">
  <!-- ... -->
</a-table>