Html 角度：粘性生成的列

我有一个表，它将有多个列作为标题，这些列是根据不同的数据生成的。我想做的是在用户滚动时将左边的列设置为粘滞

这就是我迄今为止所尝试的：

一个表行：

<tr *virtualFor="let headerSet of sideHeaders;  index as rowIndex "
    class="border-right border-left   ">
    <th *ngFor="let header of headerSet; index as i"
         [attr.rowspan]="header.span"  StickyHeader class="stickyColumn">
        {{header.content}}</th>
    <td *lazyFor="let value of content[rowIndex]">
        {{value.value}}
    </td>

</tr>

和CSS：

.stickyColumn{
  position: sticky;
  background: #fff;
  vertical-align: middle;
}

粘性效应适用于上述代码，但是，一些

td

有错误的附加

offsetLeft

值，它们与下一个

td

重叠

我尝试过使用RenderR2以及getBoundingRect（）。左侧，但结果相同。那么我做错了什么？欢迎采取任何其他办法

注意：

virtualFor

和

lazyFor

只是虚拟化

ngFor

的指令，当然我用

ngFor

替换了它们，但错误依然存在。

可能重复的

.stickyColumn{
  position: sticky;
  background: #fff;
  vertical-align: middle;
}