antdesign table自适应列宽（亲测可用，通过css的方式实现）_ant design table 列宽

a-table表格列宽自适应

// table组件
::v-deep .ant-table {
  width: 100% !important;
  .ant-table-body{
    overflow: auto !important;
    th,tr,td {
      white-space: nowrap;
       text-overflow: ellipsis;
       word-break: break-word;
       overflow: hidden;
    }
  }
  .ant-table-tbody{
    th,tr,td {
      white-space: nowrap;
       text-overflow: ellipsis;
       word-break: break-word;
       overflow: hidden;
    }
  }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21