angular - agGrid Angular - 在行、列上添加元素（图标）

Question

我想知道如何在一行中添加一个图标，如下图所示。我在谷歌上进行了研究，但没有发现任何帮助。

https://imgur.com/a/IU5JlbN “示例”

标签： angularag-grid

Answer 1

您应该使用 Column def 在网格中创建一个新字段，如下所示 -

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

这将在最右侧的字段中显示一个图标。
但是，如果您希望您的图标响应事件或执行操作，那么您应该考虑实现一个单元格渲染器组件，如此处所述。