nz-table中文被自动换行

使用 ng-zorro 开发遇到的问题

使用CSS 强制中文不换行

    .ant-table-tbody > tr >td,
    .ant-table-thead > tr >th {
      white-space:nowrap;
    }

一、

今天遇到诡异的问题如图


nz-table中文被自动换行_第1张图片
image.png

代码中明明加的有 nzWidth 就是没生效

nz-table中文被自动换行_第2张图片
image.png

仔细观察,当内容不是中文的时候,显示正常,如果是中文的时候,就被强制换行了。。。

二、

加上css 样式后。终于展示完美。


nz-table中文被自动换行_第3张图片
image.png

题外话

遇到问题后,我也去官方的 github 中,查询相关的 issues。貌似还是框架的一个 bug。但是项目又不能升级,只能自己手动强上 CSS 了。

你可能感兴趣的:(nz-table中文被自动换行)