基于组件变量的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

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