2016-08-23 4 views
1

Можно ли создать условный шаблон в первом столбце ниже?Как добавить условный шаблон на ag-grid

например: Если моя строка имеет свойство оценки, и я хочу скрыть ввод, когда мой счет выше 70?

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; 
    } 
}] 

В params.data у вас есть все данные строки

+0

THx! Вот и все. –

Смежные вопросы