vben admin 解决树型表格对齐方式问题

vue3 vben admin ant-design使用树型表格，没有缩进，是对齐的，怎么解决？

---

正确效果展示：

---

解决办法：

提示：这里以vben admin 官网示例中的树型表格为例，以下是官网链接：

Vben Adminhttps://v2.vben.pro/#/comp/table/treeTable如果我们在代码中去掉选中功能：页面显示是这样的：没有缩进，展示很奇怪

 方式1：

将表格的columns配置项中的第一项的fixed:"left",改为align:"left"

export function getBasicColumns(): BasicColumn[] {
  return [
    {
      title: 'ID',
      dataIndex: 'id',
      // fixed: 'left',
      align: 'left',
      width: 200,
    },
    {
      title: '姓名',
      dataIndex: 'name',
      width: 150,
      filters: [
        { text: 'Male', value: 'male' },
        { text: 'Female', value: 'female' },
      ],
    },
    {
      title: '地址',
      dataIndex: 'address',
    },
    {
      title: '编号',
      dataIndex: 'no',
      width: 150,
      sorter: true,
      defaultHidden: true,
    },
    {
      title: '开始时间',
      width: 150,
      sorter: true,
      dataIndex: 'beginTime',
    },
    {
      title: '结束时间',
      width: 150,
      sorter: true,
      dataIndex: 'endTime',
    },
  ];
}

方式2：

可能受版本的影响，改了这个配置项，但是还不生效。这时候可以直接深度修改样式。

<style scoped lang="less">
  :deep(.ant-table-cell-ellipsis span) {
    width: auto;
  }
</style>

这只是我的一些个人经验，如果有任何不准确之处，恳请各位不吝赐教，以便我能够进行相应的修正和改进。