jqGrid列标题合并,一行显示,(三列共用同一列名称)

《jqGrid列标题合并,一行显示,(三列共用同一列名称)》

关键设定:

cmTemplate: {
        resizable:false,
        sortable: false
},

gridComplete: function() {

var $grid = $(“#ID”);

// 第一列的宽度 = 三列宽度总和

var newWidth = $(“#kijituMeisaiGrid_startTimeH”).width() +

          $(“#kijituMeisaiGrid_semiMarkStart”).outerWidth(true) +

          $(“#kijituMeisaiGrid_startTimeM”).outerWidth(true);

$grid.jqGrid(“setLabel”, “startTimeH”, lblColStartTime, “”, {

   style: “width: ” + newWidth + “px;”,

   colspan: “3”

});

// 第二,三列标题隐藏

$grid.jqGrid(“setLabel”, “semiMarkStart”, “”, “”, {style: “display: none”});

$grid.jqGrid(“setLabel”, “startTimeM”, “”, “”, {style: “display: none”});

newWidth = $(“#kijituMeisaiGrid_endTimeH”).width() +

       $(“#kijituMeisaiGrid_semiMarkEnd”).outerWidth(true) +

       $(“#kijituMeisaiGrid_endTimeM”).outerWidth(true);

$grid.jqGrid(“setLabel”, “endTimeH”, lblColEndTime, “”, {

   style: “width: ” + newWidth + “px;”,

   colspan: “3”

});

$grid.jqGrid(“setLabel”, “semiMarkEnd”, “”, “”, {style: “display: none”});

$grid.jqGrid(“setLabel”, “endTimeM”, “”, “”, {style: “display: none”});

}

    原文作者:leonardy
    原文地址: https://blog.csdn.net/Leonardy/article/details/78454864
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞