Open Leo-LL opened 2 days ago
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
我们的表格有个 comment 的列,设置了 minWidth 为 300,大部分comment 都可以显示,但有可能会出现很长的 comment。我们会希望 comment 列的内容不要使得 table 变形。
Start a new pull request in StackBlitz Codeflow.
ellipsis属性依赖于宽度约束,如果你只设置了最小宽度,ellipsis是根本不会生效的吧
Reproduction link
Steps to reproduce
What is expected?
minWidth 属性的作用应该是:当屏幕宽度大于 table 内容总宽度,设置 minWidth 的列应该平均分配宽度;当屏幕宽度小于 table 内容总宽度,设置 minWidth 的列的宽度应该是 minWidth 的值。
What is actually happening?
列宽度永远大于minWidth值,无法使用ellipsis
我们的表格有个 comment 的列,设置了 minWidth 为 300,大部分comment 都可以显示,但有可能会出现很长的 comment。我们会希望 comment 列的内容不要使得 table 变形。