antd组件中table设置单行显示

今天在开发中遇到了这样一个问题,antd 的 table 组件,在内容太多时会折行显示,如何才能让它不折行并且用省略号显示超出内容呢?

可以同给给单元格设置这样的 css 来达到效果:

1
2
3
4
5
6
7
8
/* 设置最大宽度,不能用width */
max-width: 133px;
/* 不折行 */
white-space: nowrap;
/* 超出部分隐藏 */
overflow: hidden;
/* 显示... */
text-overflow: ellipsis;
本文原创发布于:https://blog.fleyx.com

如果本篇文章对您有帮助欢迎打赏哦!
微信打赏 支付宝打赏
关注公众号(烦嚣的人)
微信公众号