Ag网格图标标题

Question

我正在尝试使用Ag网格为其中一列添加图标列。不幸的是，我没有任何线索将列标题图标直接添加到网格选项中。

预期结果是

实际结果是

标题图标不出现

组件TS

 this.gridOptions.api.setColumnDefs([
        {
        headerName: "",
        field: "markedAsFavorite",
        minWidth: 50,
        maxWidth: 50,
        headerComponentParams: { menuIcon: "fa-star" },
        cellRendererFramework: AgGridCustomCellComponent,
        cellRendererParams: {
          ngTemplate: this.markAsFavourite
        }
          }
        ]);

请专家提供建议吗？

Answer 1

按照此处所述使用sapply(1:23, function(x) yourlist[[x]]$fcst) ：https://www.ag-grid.com/javascript-grid-column-properties/

headerComponentParams

Answer 2

首先参考this

在您的单元格中

 {
    headerName: "",
    field: "icon",
    width: 100,
    cellRenderer: function(params) {
        return '<span><i class="fa fa-trash"></i></span>';
    }
}  

Answer 3

要显示图标，您需要将 components 属性components: { agColumnHeader: CustomHeader }赋予网格实例并创建自定义标题函数。请点击链接ag-grid-header-component。