agGrid Angular-在行,列上添加元素(图标) [英] agGrid Angular - add element (icon) on a row, column
本文介绍了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.
https://imgur.com/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.
这篇关于agGrid Angular-在行,列上添加元素(图标)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文