2017-12-09 10 views
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> 

答えて

0

回避策を使用しています。私は、コンポーネント変数をデータテーブル内の隠しカラムに書き、その値を使用しています。

関連する問題