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

Question

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

设计：enter image description here

我试过了：

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>"';
                        }}
]

在单元格悬停时没有获得字体真棒图标，而不是获得<i class = fa fa-edit></i>

虚拟显影屏幕： enter image description here

使用 bootstrap 3.3.7 和 font awesome 4.7 和 Jquery UI css

如何添加图标..？

Answer 1

目前尚不清楚您使用的是哪个版本的 jqGrid 以及来自 jqGrid 的哪个分支（free jqGrid、商业Guriddo jqGrid JS 或版本 tooltip 以另一种方式显示title 信息的情况下。例如代码

$grid.tooltip({
    items: "td[title]",
    content: function() {
        var element = $(this),
            title = element.attr("title");
        if (title) {
            return '<span class="fa fa-lg fa-fw fa-edit"></span>' +
                title;
        }
    }
});

在演示中使用https://jsfiddle.net/OlegKi/yvbt6w54/60/。结果如下图所示：