Javascript 在JQ网格单元格属性标题中添加图标

我有2个图标需要在单元格属性标题中显示，如下图所示， 点击图标需要执行一些操作

设计：

我试过：

colModel: [
                    //{name: 'id', index: 'id', width: 65, align: 'center', sorttype: 'int'},
                    {name: 'invdate', index: 'invdate', width: 80, align: 'center', sorttype: 'date',
                        formatter: 'date', formatoptions: {newformat: 'd-M-Y', reformatAfterEdit: true}, datefmt: 'd-M-Y'},
                    {name: 'name', index: 'name', width: 70,
                        cellattr: function (rowId, val, rawObject, cm, rdata) {
                            return 'title="<i class = fa fa-edit></i>"';
                        }}
]

colModel:[
//{name:'id'，index:'id'，width:65，align:'center'，sorttype:'int'}，
{名称：'invdate'，索引：'invdate'，宽度：80，对齐：'center'，排序类型：'date'，
格式化程序：“日期”，格式化选项：{newformat:'d-M-Y'，reformataafteredit:true}，datefmt:'d-M-Y'}，
{name:'name'，index:'name'，宽度：70，
cellattr：函数（rowId、val、rawObject、cm、rdata）{
返回“title=”“”；
}}
]

在单元格悬停时，未显示字体图标，而不是显示

虚拟显影屏幕：

使用了Bootstrap3.3.7和FontAwesome4.7以及jQueryUICSS

---

如何添加图标？

不清楚您使用的jqGrid版本以及jqGrid（、商业版或旧版jqGrid）的哪个分支，您是否包含了所有需要的css和js文件，这些文件负责使字体运行出色？是的。谢谢@Oleg。但我无法单击编辑图标（字体很棒）。点击后需要执行一些操作。请检查我们能做什么？@Pavan：工具提示主要用于显示一些附加信息，而不是显示用于更改页面的替代用户界面。一般来说，一切都是可能的，但您必须自己实现特殊要求。标准界面如果使用

格式化程序：“操作”

，则编辑按钮。按钮是行的一部分，需要进行编辑。工具提示是网格上绝对定位的div。您必须在工具提示中保存对行的一些引用（例如，rowid）并绑定您的自定义

单击

处理程序，在该处理程序中启动第行的

editRow

方法