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

Question

我想知道如何将图标添加到行中，如下图所示。我对 google 进行了研究，但没有找到任何帮助。

https://imgur.com/a/IU5JlbN "example"

Answer 1

转到您的 css 然后：

cellStyle: { 'justify-content': "flex-end" }

或

cellStyle: {textAlign: "right"}

Answer 2

您应该在您的网格中使用 Column def 像这样创建一个新字段 -

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

这将在最右边的字段上显示一个图标。
但是，如果您希望您的图标响应事件或执行操作，那么您应该考虑按照 here.

所述实现单元格渲染器组件。