jqgrid在chrome下水平滚动条的处理方法

chrome里默认的table计算值会比ie或者firefox中的多出一个像素。即便添加如下配置

autowidth: true

表格仍然会出现水平滚动条

 

解决方法如下：

 

/**
 * 宽度+1像素
 * 解决在chrome浏览器下出现水平滚动条
 */
function removeHorizontalScrollBar() {
    $("div.ui-state-default.ui-jqgrid-hdiv.ui-corner-top").css("width", parseInt($("div.ui-state-default.ui-jqgrid-hdiv.ui-corner-top").css("width")) + 1 + "px");
    $("#grid").closest(".ui-jqgrid-bdiv").css("width", parseInt($("#grid").closest(".ui-jqgrid-bdiv").css("width")) + 1 + "px");
}

 放在jqgrid配置中，通过gridComplete事件执行

gridComplete: function () {
    // 防止水平方向上出现滚动条
    removeHorizontalScrollBar();
},