【问题】
使用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属性固定列 结果每行数据内容穿透了两遍的固定列;鼠标滑过该条数据时 两侧固定列的背景色不跟着改变~