1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 使用NG-ZORRO(Angular 组件库)中Table组件 通过columnTable属性固定列 结果每行

使用NG-ZORRO(Angular 组件库)中Table组件 通过columnTable属性固定列 结果每行

时间:2024-03-11 19:49:03

相关推荐

使用NG-ZORRO(Angular 组件库)中Table组件 通过columnTable属性固定列 结果每行

【问题】

使用NG-ZORRO(Angular 组件库)中Table组件,通过#columnTable属性固定列,结果每行数据内容穿透了两遍的固定列(因为是刚开始做这个项目,所以盲猜是之前某位同仁搞个全局的样式把这个覆盖了)~

复现如下:

【解决】

1. 给右侧固定列,"操作"列加一个class,颜色为白色,解决后面文字穿透问题

例:

<td class="right_title_fix" nzRight>操作</td>// css.right_title_fix {background-color: #fff;}

但问题来了,鼠标滑过该条数据时,该固定列的背景色不跟着改变,一直是白色,看下一步~

2. 通过控制台找到数据行以(.ant-table-row)及该列的唯一class名(.ant-table-cell-fix-right),当划过该条数据时,右侧固定列背景色跟着改变~

例:

::ng-deep .ant-table-row:hover {.ant-table-cell-fix-right {background-color: #f8fdfc;}}

【解决】

虽然问题不难,但是也值得纪念一下。

使用NG-ZORRO(Angular 组件库)中Table组件 通过columnTable属性固定列 结果每行数据内容穿透了两遍的固定列;鼠标滑过该条数据时 两侧固定列的背景色不跟着改变~

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。