agGrid Angular-在行、列上添加元素(图标)

Question

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

https://i.stack.imgur.com/ZVIVw.jpg"示例">

Answer 1

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

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

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

Answer 2

转到您的css，然后：

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

或

cellStyle: {textAlign: "right"}