agGrid Angular

本文介绍了agGrid Angular-在行，列上添加元素(图标)的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

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

I'd like to know how can I add an icon to a row, something like in the picture below. I did my research on google, but found nothing helpful.

imgur/a/IU5JlbN 示例"

推荐答案

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

You should create a new field in your grid with Column def something like this -

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

这将在最右边的字段中显示一个图标.但是，如果您希望图标响应事件或执行操作，则应按照此处.

This will display an icon on the rightmost field. However if you want your icon to respond to events or perform actions then you should look into implementing a cell Renderer component as described here.