ag Grid Angular - 在行、列上添加元素（图标）答案

【问题标题】：agGrid Angular - add element (icon) on a row, columnag Grid Angular - 在行、列上添加元素（图标）
【发布时间】：2019-04-19 00:29:46
【问题描述】：

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

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

【问题讨论】：

标签： angular ag-grid

【解决方案1】：

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

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

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

【讨论】：

这只是在我使用它时向我显示一个空单元格。我也尝试过使用edit，但它只显示文字文本edit。有人可以帮忙吗？

【解决方案2】：

然后转到你的css：

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

或

cellStyle: {textAlign: "right"}

【讨论】：

这只是为了将图标移动到右端。我的问题是，如何将图标添加到行中？
用一些 html 编辑您的问题以及您是如何尝试的。之后我们会弄清楚的。
你可能只需要老派 *ngIf 来控制显示/隐藏