как добавить пользовательский компонент в подстроку данных дерева в AG-GRID

Question

У меня есть динамические c данные, которые я заполняю ag-grid для данных дерева, однако я застрял при рендеринге пользовательского компонента только для подстроки дерева. Мне нужно добавить несколько элементов html вместе с данными подстрочки. plunkerLink В каждой подстроке дерева мне нужно поле ввода с кнопкой для выполнения некоторых действий. Заполнение выборки данных дерева

onGridReady(params) {
this.gridApi = params.api;
this.gridColumnApi = params.columnApi;
this.rowData=[];
this.orgdata.forEach(fn=>{
  this.rowData.push({
    "Funtions": [fn.Name],
    "KeyRiskActivities" : '',
    "CreatedUser":fn.CreatedUser,
    "Name":fn.Name
  })
  fn.Activities.forEach(act=>{
     this.rowData.push({
        "Funtions": [fn.Name,act.Name],
        "KeyRiskActivities" : '',
        "CreatedUser":fn.CreatedUser,
        "Name":fn.Name
  })
  })
})

}