带有cellrender和aggFunc的已应用aggFunc未显示在父行中

时间:2019-05-27 05:39:07

标签: angular ag-grid aggregation ag-grid-angular cellrenderer

将aggFunc“ first”与cellRenderer一起用于该列,子级行中的第一个单元格未显示在父级中,但是当您将鼠标悬停在父级单元格上并在空的父级单元格上进行复制,然后粘贴到在记事本中,第一个子单元格的值在那里。如何使其显示在父单元格中? final result after applying aggFunc:'first', how to make it show up like column id does

我尝试在aggFunc结果附近添加

,但没有成功

ag-grid.ts

columns.push({
      headerName: element.DisplayName,
      field: element.field,
      rowGroup: false,
      aggFunc: this.firstTitle,
      cellRender: (params) => { return params.data.title } // params.data.title: <a href="....com"> title </a>
})

// use builtin 'first' should work here too
public firstTitle(params:Array<any>){
       let title = params[0].match(new regexp('<a. ?*>(.*?)</a>');
       return title;
}

我希望子行中的第一个标题显示在父项中,但没有显示

1 个答案:

答案 0 :(得分:0)

在ColDef中没有诸如cellRender这样的字段。您应该改为定义cellRenderer。 请参考此plnkr以获取示例(针对Year列应用了自定义的类似于first的aggFunc。 您的代码很可能应该如下所示:

columns.push({
      headerName: element.DisplayName,
      field: element.field,
      rowGroup: false,
      aggFunc: this.firstTitle,
      cellRenderer: (params) => { return params.value }
})