pworld 2015-07-29
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(); },