javascript - 基于组件变量的 ngx-datatable 动态单元格样式

Question

ngx-datatable 单元格样式示例 ( http://swimlane.github.io/ngx-datatable/#css ) 使用单元格值作为条件。我想在组件中使用可以在任何组件方法中更改的变量。我尝试在 中这样做getCellClass()，但令我惊讶的是，即使声明的变量也是未定义的。

此代码适用于<div>单元格内部的样式，但我想将样式应用于整个单元格（或让 div 填充整个单元格）。

<ngx-datatable-column name="First Name" prop="firstname">
  <ng-template let-column="column" ngx-datatable-header-template> {{column.firstname}} </ng-template>
    <ng-template let-row="row" let-rowIndex="rowIndex" let-value="value" width="60px" ngx-datatable-cell-template>
  <div [style.background]="personCurrent == rowIndex ? 'SlateGray' : ''">
   <p>{{value}}</p>
  </div>
 </ng-template>
</ngx-datatable-column>

Answer 1

我正在使用一种解决方法。我正在将组件变量写入数据表中的隐藏列，然后使用该值。