文章/答案/技术大牛

发布

社区首页 >问答首页 >Ag网格图标头

问Ag网格图标头
EN

Stack Overflow用户

提问于 2019-06-19 04:18:46

回答 3查看 12.3K关注 0票数 4

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

预期结果为

的实际结果是

标头图标不会出现

组件TS

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

请给我专家建议？

angular

ag-grid

回答 3

Stack Overflow用户

发布于 2020-01-16 05:23:43

使用如下所述的headerComponentParams：https://www.ag-grid.com/javascript-grid-column-properties/

this.gridOptions.api.setColumnDefs([         
   {
    headerName: "",
    field: "markedAsFavorite",
    minWidth: 50,
    maxWidth: 50,
    headerComponentParams: { template: '<i class="fa fa-star"></i>' },
    cellRendererFramework: AgGridCustomCellComponent,
    cellRendererParams: {
      ngTemplate: this.markAsFavourite
    }
  }
]);

票数 2

Stack Overflow用户

发布于 2019-10-16 10:37:21

要显示图标，需要向网格实例提供components属性components: { agColumnHeader: CustomHeader }并创建自定义标头函数。按照链接ag-网格-标头-组件。

票数 0

Stack Overflow用户

发布于 2019-06-19 04:36:33

首先请参阅这

在你的牢房里

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

票数 -2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/56659993

复制

相似问题

问Ag网格图标头
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Ag网格图标头EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Ag网格图标头
EN