如何在滚动上改变NGX数据表列的样式?

Question

我想在滚动时添加一个特定的样式到frozenLeftngx数据表列。到目前为止，我所取得的成就是触发对scroll的函数调用，并将标志设置为true，以表明应该应用该样式。

onScroll(event){
if(event.offsetX > 0){
this.flag=true;
}
}

但是，在ng-datatable列[ngClass]="{'custom-style': flag}"不工作(类没有被附加到元素)。还尝试了[cellClass]，我无法弄清楚如何使用[cellClass]="getClass"来触发每当我滚动的变化。

谢谢你的帮助。

Answer 1

您可以在ngClass中使用condition并基于它应用类:

<div [ngClass]="flag ? 'applyStyle' : 'noStyle'"> </div>

如果这不起作用，则可能存在视图封装问题。你需要把它取出来。你应该检查这个线程，它解释了如何在简单的步骤中做到这一点。

另外，确保您的变更检测策略设置为默认，或者如果是OnPush，则进行变更检测，这将更新视图属性。