const App: React.FC = () => (
<Table<DataType>
columns={columns}
dataSource={data}
tableLayout="auto"
scroll={{ x: '100%' }}
/>
);
{
title: 'Long Column',
dataIndex: 'address',
key: 'address 4',
minWidth: 150,
ellipsis: true
},
minWidth 属性的作用应该是:当屏幕宽度大于 table 内容总宽度,设置 minWidth 的列应该平均分配宽度;当屏幕宽度小于 table 内容总宽度,设置 minWidth 的列的宽度应该是 minWidth 的值。
列宽度永远大于minWidth值,无法使用ellipsis
Environment | Info |
---|---|
antd | 5.21.6 |
React | 18.3.1 |
System | Mac |
Browser | Chrome |
我们的表格有个 comment 的列,设置了 minWidth 为 300,大部分comment 都可以显示,但有可能会出现很长的 comment。我们会希望 comment 列的内容不要使得 table 变形。
Pay now to fund the work behind this issue.
Get updates on progress being made.
Maintainer is rewarded once the issue is completed.
You're funding impactful open source efforts
You want to contribute to this effort
You want to get funding like this too