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

Question

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

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

Answer 1

您应使用类似Column def的格式在网格中创建一个新字段-

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

这将在最右边的字段中显示一个图标。
但是，如果您希望图标响应事件或执行操作，则应考虑按照here的说明实施单元格渲染器组件。

Answer 2

然后转到您的CSS：

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

或

cellStyle: {textAlign: "right"}