JQGrid

Question

我目前正在使用免费的 jqGrid（版本 3.4.1）并且我已经构建了一个带有页脚的网格。这个网格有点特殊，因为列数是动态定义的（列数取决于我数据库中一些数据的数量）。

所以我试图将图标（带有 HTLM 代码）插入到生成的每个动态列中。

我已经编写了在每一列上循环的代码部分，我可以插入纯文本，如您在此屏幕截图中所见。 Screenshot 我不想用图标替换此纯文本（字体真棒或简单 bootstrap glyphicon）。

这是我目前的代码（只有网格的gridComplete函数，让我知道：

gridComplete: function() {
    var tabData = grid.jqGrid('getRowData')
    var footerCells = {"DONATEUR":"ACTION GLOBALES"};
    var footerCells2 = {}
    for (var i = 0; i < colModel.length-3; i++) {
        var indexCol = colModel[i+3].name
        footerCells[indexCol] = "test" // content of the cell here
    } 
    grid.jqGrid(
      "footerData",
      "set",
      footerCells,
      false
    )
    var $footerRow = grid.closest(".ui-jqgrid-bdiv").next(".ui-jqgrid-sdiv").find(".footrow");
    var $donateur = $footerRow.find('>td[aria-describedby="jqGrid-table-suivictrp_DONATEUR"]'),
    $montantDon = $footerRow.find('>td[aria-describedby="jqGrid-table-suivictrp_MT_DON"]'),
    width2 = $donateur.width() + $montantDon.outerWidth();
    $montantDon.css("display", "none");
    $donateur.attr("colspan", "2").width(width2);
}

Answer 1

两个选项（取决于您）-

Rendering the plain text html, which you fetch from server, in jqgrid row

Use/Set colmodel datatype = 'html'

If you just want to set the font-awesome icons or bootstrap icons, (Example - https://free-jqgrid.github.io/getting-started/index.html#type_of_data_code)

You need to set the `iconSet` property in jqGrid options and `template` property in colmodel to use it.

JQGrid - 如何将 HTML 插入网格页脚

JQGrid - How to insert HTML into grid footer

javascript