请知悉：本文最近一次更新为 3年 前，文中内容可能已经过时。
背景信息：有个很长的地址，需要折行处理，指定width后依然不会自动折行。
这种情况，按以往经验，肯定是要加break-word之类的css，但到了React这种新的框架玩儿法，jQuery的那一套就不太好弄了，所以找了下实现方案。
在设置列属性的声明中，对应列加入如下代码即可：
width: 500,
render: val => <span style={{ wordWrap: 'break-word', wordBreak: 'break-word' }}>{val || '--'}</span>,
参考资料
如您从本文得到了有价值的信息或帮助，请考虑扫描文末二维码捐赠和鼓励。
如本文对您有用，捐赠和留言 将是对我最好的支持~（捐赠可转为站内积分）
如愿意，请向朋友推荐本站，谢谢。
尊重他人劳动成果。转载请务必附上原文链接，我将感激不尽。