antd的table组件设置Column的width列宽度不⽣效问题
超长连续字段(长数字和长单词)破坏表格布局的问题(即使你指定了列的宽度也会被挤开),之前组件内默认加过 word-break: break-word; 去纠正此类布局,⼜会引起其他的问题。
所以最好的解决⽅案可能还是不默认 break word,提供⼀个属性来针对某些列进⾏断⾏处理。
columns={[
...
textWrap: 'word-break',
]}
还可以⽀持
columns={[
...
ellipsis: true,
]}
注意,在 3.24.0 之前,你需要针对超长字段的列增加折断样式:
columns={[
...
render: (text, record) => (
<div style={{ wordWrap: 'break-word', wordBreak: 'break-word' }}>
{text}
table设置内边框</div>
),
]}
已经在 3.24.0 ⾥解决了超长字段破坏列对齐的问题,并增加了省略功能
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论