Table setting scroll x='max-content' When there is no data, the headers will not scroll and will be crowded together #6115
Description
- I have searched the issues of this repository and believe that this is not a duplicate.
Version
3.3.0-beta.2
Environment
vue: 3.2.36
Reproduction link
Steps to reproduce
component - Table When there is no data, the headers will not scroll and will be crowded together
What is expected?
https://codesandbox.io/s/gu-ding-tou-he-lie-ant-design-vue-3-2-14-forked-fb4x3t?file=/src/demo.vue
What is actually happening?
<a-table
:columns="columns"
:data-source="[]"
:scroll="{ x: 'max-content', y: 300 }"
>
</a-table>
const columns: TableColumnsType = [
{ title: "Full Name", width: 100, dataIndex: "name", key: "name" },
{ title: "Age", width: 100, dataIndex: "age", key: "age" },
{ title: "Column 1", dataIndex: "address", key: "1", width: 150 },
{ title: "Column 2", dataIndex: "address", key: "2", width: 150 },
{ title: "Column 3", dataIndex: "address", key: "3", width: 150 },
{ title: "Column 4", dataIndex: "address", key: "4", width: 150 },
{ title: "Column 5", dataIndex: "address", key: "5", width: 150 },
{ title: "Column 6", dataIndex: "address", key: "6", width: 150 },
{ title: "Column 7", dataIndex: "address", key: "7", width: 150 },
{ title: "Column 8", dataIndex: "address", key: "8" },
{ title: "Action", key: "operation", width: 100, },
];