如何使用jqgrid在一列中添加两个标头值

Question

我正在使用jqgrid创建表，对于“colName”现在每列只显示一个值，是否可以在一列中显示两个值？ alsong同时具有两个值排序功能？请注意以下屏幕截图供参考我需要使用jqgrid这种类型的标题。有可能吗？

HTML：

<table id="grid"></table>

JS：

![$("#grid").jqGrid({
    datatype: "local",
    height: 250,
    colNames: \['Inv No', 'Thingy', 'Blank', 'Number', 'Status'\],
    colModel: \[{
        name: 'id',
        index: 'id',
        width: 60,
        sorttype: "int"},
    {
        name: 'thingy',
        index: 'thingy',
        width: 90,
        sorttype: "date"},
    {
        name: 'blank',
        index: 'blank',
        width: 30},
    {
        name: 'number',
        index: 'number',
        width: 80,
        sorttype: "float"},
    {
        name: 'status',
        index: 'status',
        width: 80,
        sorttype: "float"}
    \],
    caption: "Stack Overflow Example",
    // ondblClickRow: function(rowid,iRow,iCol,e){alert('double clicked');}
});

var names = \["id", "thingy", "blank", "number", "status"\];
var mydata = \[\];

for (var i = 0; i < data.length; i++) {
    mydata\[i\] = {};
    for (var j = 0; j < data\[i\].length; j++) {
        mydata\[i\]\[names\[j\]\] = data\[i\]\[j\];
    }
}

for (var i = 0; i <= mydata.length; i++) {
    $("#grid").jqGrid('addRowData', i + 1, mydata\[i\]);
}

/*
$("#grid").jqGrid('setGridParam', {onSelectRow: function(rowid,iRow,iCol,e){alert('row clicked');}});
*/
$("#grid").jqGrid('setGridParam', {ondblClickRow: function(rowid,iRow,iCol,e){alert('double clicked');}});][1]

Answer 1

选项colNames包含 HTML字符串的数组，它将放在列标题中。因此，您可以在字符串中使用<br/>。 One more answer描述了如何在列标题中使用换行。