要求:table每列内容不换行不省略,自适应宽度,超出显示宽度则出现横向滚动。
实现:
- table中
scroll={{x:‘max-content’}}
是自适应 - 样式通过colums-render:进行自定义编写
- 可以不用设置colums–width
- 按需求设置固定列表
<Table
columns={columns}
dataSource={dataList}
scroll={{ y: '100%', x: 'max-content', scrollToFirstRowOnChange: true }}
/>
成品图: