概述
我就废话不多说了，大家还是直接看代码吧~
className={styles.table}
rowKey={(record) => record.key}
columns={columns}
dataSource={dataSource}
scroll={ { x: 'max-content' }} // 加上这条 横向滚动 支持此属性的浏览器内容就不会换行了
pagination={false}
/>
styles.less
.table {
:global {
.ant-table-thead > tr > th {
background: #fff !important;
white-space: nowrap; // 防止IE等浏览器不支持'max-content'属性 导致内容换行
}
.ant-table-tbody >tr> td {
white-space: nowrap; // 防止IE等浏览器不支持'max-content'属性 导致内容换行
}
}
}
或者可以这样设置
pagination={false}
rowKey={record => record.key}
dataSource={projectList}
columns={this.columns.map(item => { // 通过配置 给每个单元格添加不换行属性
const fun
最后
以上就是爱听歌白羊为你收集整理的antd 能自适应吗_Antd表格滚动 宽度自适应 不换行的实例的全部内容，希望文章能够帮你解决antd 能自适应吗_Antd表格滚动 宽度自适应 不换行的实例所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复