如何在滚动时更改 ngx 数据表列的样式？

Question

我想在滚动时向frozenLeft ngx 数据表列添加特定样式。到目前为止，我已经实现了在滚动时触发函数调用并将标志设置为 true 以指示应该应用样式。

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

但是，在 ng-datatable 列中，[ngClass]="{'custom-style': flag}" 不起作用（类未附加到元素）。 还尝试了[cellClass] 我无法弄清楚如何在滚动时使用[cellClass]="getClass" 来触发更改。

感谢您的帮助。

Answer 1

您可以在ngClass 中使用条件并应用基于它的类：

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

如果这不起作用，则视图封装可能存在问题。您需要将其删除。您应该检查this 线程，它通过简单的步骤解释了如何做到这一点。

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