jqGrid動態增加列，使用在根據條件篩選而出現不同的列的場景

 function GetGrid2() {
        var jqdata = [
            { Encode:"20180100", FullName: "BYD", SpecType: "cpu200", UnitName: "台", SecondUnit: "", Qty: "10", UnitCode: "50000", Cost: "35000" },
            { Encode:"20180100", FullName: "BYD", SpecType: "cpu200", UnitName: "台", SecondUnit: "", Qty: "10", UnitCode: "50000", Cost: "35000" }
        ];
        //創建jqGrid組件
        var $gridTable = $('#gridTable');

       //固定列
        var model = [
            { label: "商品編號", name: "Encode", width: 100, align: 'left', sortable: false },
            { label: "商品名稱", name: "FullName", width: 130, align: "left", sortable: false },
            { label: "規格型號", name: "SpecType", width: 150, align: 'left', sortable: false },
            { label: "單位", name: "UnitName", width: 150, align: 'left', sortable: false },
            { label: "副單位", name: "SecondUnit", width: 150, align: 'left', sortable: false },
            { label: "基本數量", name: "Qty", width: 150, align: 'left', sortable: false },
            { label: "單位成本", name: "UnitCode", width: 150, align: 'left', sortable: false },
            { label: "成本", name: "Cost", width: 150, align: 'left', sortable: false }];

        //動態列
        var addmodel = [{ label: "基本數量", name: "SHQty", width: 150, align: 'left', sortable: false }, { label: "可用庫存", name: "SHRealQty", width: 150, align: 'left', sortable: false }];
        $.each(addmodel, function (key, value) {
            model.push({
                label: value.label,
                name: value.name,
                index: key,
                width: value.width,
                align: value.align,
                sortable: value.sortable
            });
        });
        //創建jqGrid組件
        $gridTable.jqGrid(
            {
                datatype: "json",
                height: $(window).height() - 230.5,
                autowidth: true,
                colModel: model,
                pager: false,
                rownumbers: true,
                shrinkToFit: false,
                gridview: true,
                footerrow: true,
                sortname: 'ExecutionDate',
                sortorder: 'desc',
                beforeRequest: function () {
                    $("thead th").css("text-align", "center").css("font-weight", "bold");
                },
                gridComplete: function () {
                    var totalreceivable = $(this).getCol("Receivable", false, "sum");
                    var totalexpenses = $(this).getCol("Expenses", false, "sum");
                    var totalbalance = $(this).getCol("Balance", false, "sum");
                    //合計
                    $(this).footerData("set", {
                        "ExecutionDate": "合計：",
                        "Receivable": totalreceivable,
                        "Expenses": totalexpenses,
                        "Balance": totalbalance
                    });
                    $('table.ui-jqgrid-ftable td').prevUntil().css("border-right-color", "#fff");
                }    
            });
        //將jqdata的值循環添加進jqGrid
        for (var i = 0; i <= jqdata.length; i++) {
            $gridTable.jqGrid('addRowData', i + 1, jqdata[i]);
        }
        //固定表頭合並
        var groupHeaders = [
            { startColumnName: 'Qty', numberOfColumns: 3, titleText: '<div align="center"><b>所有倉庫</b></div>' }
        ];

        //動態表頭
        if (1 == 1) {
            groupHeaders.push({ startColumnName: 'SHQty', numberOfColumns: 2, titleText: '<div align="center"><b>上海倉庫</b></div>' });
        }
        $gridTable.jqGrid('setGroupHeaders', {
            useColSpanStyle: true,
            groupHeaders: groupHeaders
        });

    }