Jgrid 三级表头

 <script type="text/javascript" language="javascript">
        function get_sb_all() {
            $('#txtSBFL').combobox({
                url: '../list/ashx/edit.ashx?act=get&id=' + o + '&isarray=2' + '&r=' + Math.random(),
                valueField: 'ID',
                textField: 'SHEETNAME'
            });
        }


        function item_select() {
            if ($("#txtSBFL").combobox('getValue') == "") {
                alert("请选择设备分类！");
                return;
            }
            item_title();
        };
        function item_title() {
            var title = [];
            var colMoels = []; //配置表绑定列
            var group_Headers1 = []; //一级表头
            var group_Headers2 = []; //二级表头
            //初始化固定列
            title.push('区段');
            title.push('支柱（悬挂点）');
            title.push('检测日期');
            title.push('检测人');

            colMoels.push({ name: 'organizationname', index: 'organizationname', hidden: true, align: 'center', sortable: false, frozen: true, width: 100 });
            colMoels.push({ name: 'MastNameorSuspName', index: 'MastNameorSuspName', align: 'center', sortable: false, frozen: true, width: 100 });
            colMoels.push({ name: 'organizationname1', index: 'organizationname1', align: 'center', sortable: false, frozen: true, width: 100 });
            colMoels.push({ name: 'organizationname2', index: 'organizationname2', align: 'center', sortable: false, frozen: true, width: 100 });

            //初始化table
            $("#div_table").html("<table id='mytable1'></table>");
            $.post("../config/ashx/list.ashx?" + Math.random(),
                {
                    Action: "post",
                    state: "view",
                    id: worksheetid,
                    CATEGORYID: $("#txtSBFL").combobox('getValue')
                },
                function (data, textStatus) {
                    var header2count = 0;
                    var flag = false;
                    for (var i = 0; i < data.item.length; i++) {
                        if (data.item[i].ISSHOWSTANDARD == "1") {
                            title.push('标准值');
                            title.push('修前/修后');
                            colMoels.push({ name: 'count1_' + i, index: 'count1_' + i, frozen: true, align: 'center', sortable: false, width: 80 });
                            colMoels.push({ name: 'count2_' + i, index: 'count2_' + i, frozen: true, align: 'center', sortable: false, width: 80 });
                            group_Headers1.push({ startColumnName: 'count1_' + i, numberOfColumns: 2, titleText: data.item[i].ITEMNAME });
                        }
                        else {
                            title.push(data.item[i].ITEMNAME);
                            colMoels.push({ name: 'count1_' + i, index: 'count1_' + i, align: 'center', sortable: false, width: 180 });
                        }
                        if (data.item[i].ISSHOWSTANDARD == "1") {
                            header2count += 2;
                        }
                        else {
                            header2count++;
                        }
                        if (i < (data.item.length - 1) && ((data.item[i].WORKCATEGORYID != data.item[i + 1].WORKCATEGORYID) || (data.item[i].WORKCATEGORYID == data.item[i + 1].WORKCATEGORYID && data.item[i].CATEGORYID != data.item[i + 1].CATEGORYID))) {
                            group_Headers2.push({ startColumnName: 'count1_' + i, numberOfColumns: header2count, titleText: data.item[i].PARENTNAME });
                            header2count = 0;
                            flag = true;
                        }
                        else {
                            if (i == data.item.length - 1) {
                                if (flag) {
                                    group_Headers2.push({ startColumnName: 'count1_' + i, numberOfColumns: header2count, titleText: data.item[i].PARENTNAME });
                                    //group_Headers2.push({ startColumnName: 'count1_0', numberOfColumns: 10, titleText: data.item[i].PARENTNAME });
                                }
                                else {
                                    group_Headers2.push({ startColumnName: 'count1_0', numberOfColumns: header2count, titleText: data.item[i].PARENTNAME });

                                }
                                header2count = 0;
                            }
                        }
                    }
                    jQuery("#mytable1").jqGrid({
                        datatype: "json",
                        autoWidth: true,
                        useColSpanStyle: true,
                        rowList: rowList,
                        rowNum: rowNum,
                        shrinkToFit: false,
                        autoScroll: true,
                        viewrecords: true,
                        colNames: title,
                        colModel: colMoels,
                        width: $("#search_bar").parent().width() - 2,
                        height: $(window).height() - $("#search_bar").height() - 108 - $("#pager").height(),
                        caption: handerName,
                        ondblClickRow: function (id, rowindex, cellindex, c) {
                            var rowObject = $("#mytable1").getRowData(id);
                        },
                        gridComplete: function (id, rowindex, cellindex, c) {

                        }
                    });
                    jQuery("#mytable1").jqGrid('setGroupHeaders', {
                        useColSpanStyle: true,
                        groupHeaders: group_Headers1
                    });
                    jQuery("#mytable1").jqGrid('setComplexGroupHeaders', {
                        complexGroupHeaders: group_Headers2
                    });
                    if ($("mytable1").attr('id') == undefined) {
                        return;
                    }
                    $.get("../list/ashx/List.ashx?p5=" + worksheetid + "&p7=" + $("#SPACEID").val() + "&p6=" + $("#JGID").val() + "&p8=" + $("#<%=txtTCRQ.ClientID %>").val() + "&p9=" + $("#<%=Text2.ClientID %>").val(),
                          { Action: "get", state: "view" },
                         function (data, textStatus) {
                             jQuery("#mytable1").jqGrid('clearGridData', false);
                             for (var i = 0; i < data.length; i++)
                                 jQuery("#mytable1").jqGrid('addRowData', i + 1, data[i]);
                         });
                })
        }
        $(function () {
            jQuery().jGrid({
                datatype: "json",
                caption: '台账类别*    高铁',
                colNames: ['高铁 台账'],
                //url: '../step2/ashx/list.ashx?p6=' + parent.userinfo[0].ORGANIZATIONGID,
                url: 'ashx/GtList.ashx',
                autoWidth: true,
                rowNum: 9999,
                rowList: rowList,
                pager: false,
                sortname: 'ID',
                width: 230,
                height: $(document.body).height() - 58,
                rownumbers: false,
                viewrecords: true,
                sortorder: "desc",
                jsonReader: {
                    page: "page",
                    total: "total",
                    repeatitems: false,
                    id: "ID"
                },
                colModel: [
                { name: 'SHEETNAME', index: 'SHEETNAME', width: 60, align: 'center', sortable: false }
                ],
                onSelectRow: function (id, rowindex, cellindex, c) {
                    //var curRowDate = jQuery("#Table1").jqGrid('getRowData', id);
                    var curRowData = jQuery("#Table1").jqGrid('getRowData', id);
                    handerName = curRowData.SHEETNAME;
                    worksheetid = id;
                    get_sb_all(id);
                }

            })
        })
    </script>