用于列标题分组的JQGrid的setGroupHeaders不起作用

时间:2015-12-01 07:40:35

标签: jquery jqgrid

我正在使用JQGrid来表示表格数据。我想分组2列标题。我正在使用JQGrid的setGroupHeaders方法,但它不起作用。即使控制台中没有任何错误。 这是我的代码。我哪里错了?提前谢谢。

...

jQuery("#DataGridTable").jqGrid({

    url: '/Home/ViewDeferredAccount',
    contentType: "application/json",
    datatype: "json",
    colNames: ['Key','Sector Code', 'Route Code', 'EL1', 'EL2', 'Payment Cmp Code', 'Revenue Cmp Code'],
    colModel: [

    { name: 'DEFRD_REV_AC_KEY', index: 'DEFRD_REV_AC_KEY', width: 40, stype: 'text' },
    { name: 'SECTOR_CD', index: 'SECTOR_CD', width: 180, stype: 'text' },
    { name: 'ROUTE_CD', index: 'ROUTE_CD', width: 150 },
    { name: 'EL1_AC_CD', index: 'EL1_AC_CD', width: 140, sortable: false },
    { name: 'EL2_AC_CD', index: 'EL2_AC_CD', width: 140, sortable: false },
    { name: 'PYMN_CMP_CD', index: 'PYMN_CMP_CD', width: 180 },
    { name: 'RVN_CMP_CD', index: 'RVN_CMP_CD', width: 180 }
    ],
    rowNum: 10,
    viewrecords: true,
    loadonce: true,
    sortorder: "desc",
    caption: "Maintain and Setup Deferred Account",
});

...

jQuery("#DataGridTable").jqGrid('setGroupHeaders', {
        useColSpanStyle: true,
        groupHeaders: [
          { startColumnName: 'EL1_AC_CD', numberOfColumns: 2, titleText: 'Sector Code' }
        ]
    });

0 个答案:

没有答案