关于angular使用 ng-zorro-antd表格 固定列失效的问题

最近做项目使用到了ng-zorro-antd的表格组件,但是列数过多,想把操作列固定住。
按照官网教程在 指定的td 与 th 添加 nzRight属性,但是没有固定效果。
关于angular使用 ng-zorro-antd表格 固定列失效的问题_第1张图片
查了一下固定列使用了css3的 stick属性。完全没有听说过,马上查了一下stick的用法。
参照这位博主的stick的踩坑指南https://blog.csdn.net/qq_35585701/article/details/81040901
发现答案
关于angular使用 ng-zorro-antd表格 固定列失效的问题_第2张图片
查了我的表格固定列,并没有top bottom left right任意一个属性。

手动添加一个right: 0
发现表格标题列并没有固定,但是下面已经有效果了。
查了一下原来是nzRight在th的写法有问题
在这里插入图片描述
成功解决。
猜想有可能是因为本人用的angular7不兼容新版本的ng-zorro-antd,官网指定要angular8以上版本。只要肯研究,问题不大。

你可能感兴趣的:(关于angular使用 ng-zorro-antd表格 固定列失效的问题)