ng-zorro 表格列头与内容不对齐解决方案

590 阅读1分钟

代码

image.png

页面效果

image.png

可以看出来其实表格头和内容有错位的情况

代码中第二个title设置的宽度为30px,但是实际页面上第二个title的宽度不止30px,padding+content宽度已经超出了设置的nzWidth,所以或对不齐,这种把宽度设置大一点就可以了

image.png

这种是title长度过长又没有设置换行,所以title的宽度又超出了设置的宽度,但是内容可以换行适应设置的nzWidth,所以头和列对不齐,针对这种给表格设置可以换行的样式或者宽度设置成可以允许title不换行的宽度就可以了

image.png

换行样式

image.png