2016-08-23 25 views
1

下の最初の列に条件付きテンプレートを作成できますか?ag-gridに条件付きテンプレートを追加する方法

例: 私の行にスコアプロパティがあり、スコアが70を超えると入力を非表示にしたいのですか? params.dataで

let columns = [ 
      { width: 30, suppressSorting: true, suppressMenu: true, template: '<input type="checkbox">' }, 
      { headerName: "Score", filter: 'number', valueGetter: (params : any) => 
       params.data.traces ? (<Alert> params.data.traces[0]).severity : params.data.severity, width:70}, 
      { headerName: "Behaviour tags" }, 
      { headerName: "Host", field: "host_name" }, 
      { headerName: "Group Id", cellRenderer: 'group', width:140 }, 
      { headerName: "Comments",width:290 } 
     ]; 

答えて

0

あなたの列オブジェクトで使用のcellRendererプロパティ

let columns = [{ width: 30, suppressSorting: true, suppressMenu: true, 
    cellRenderer: function (params) { 
     var display = 'block'; 
     if (params.data.score > 70) { 
      display = 'none'; 
     } 

     var html = '<input type="checkbox" style="display: ' + display + '">'; 

     return html; 
    } 
}] 

あなたは

+0

Thxをし、すべての行データを持っています!それはそれだった。 –

関連する問題