0
ngx-datatableセルスタイリングの例(http://swimlane.github.io/ngx-datatable/#css)は、セル値を条件として使用します。私はどのコンポーネントメソッドでも変更できる、コンポーネント内の変数を使いたいと思います。私はgetCellClass()
でやってみましたが、驚いたことに、宣言された変数でさえも定義されていません。ngx-datatableダイナミックセルスタイル(コンポーネント変数に基づく)
このコードは、セル内にある<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>