博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jqgrid在chrome下水平滚动条的处理方法
阅读量:4048 次
发布时间:2019-05-25

本文共 565 字,大约阅读时间需要 1 分钟。

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();},

 

 

转载地址:http://gqyci.baihongyu.com/

你可能感兴趣的文章
令人神清气爽的shooow
查看>>
指导教师的shooow
查看>>
leetcode面试题01.06.字符串压缩,超出时间限制,样例通过31/32
查看>>
机器学习实战、第二章KNN算法详解、AttributeError: ‘dict‘ object has no attribute ‘iteritems‘
查看>>
leetcode 535 TinyURL 的加密与解密 暴力 年轻人不讲武德—shooter7的博客
查看>>
课程设计(毕业设计)—基于机器学习KNN算法手写数字识别系统—计算机专业课程设计(毕业设计)
查看>>
leetcode1792第232场周赛第三题,以及二维数组根据某一列进行排序——优先队列
查看>>
学生网上选课管理系统的设计与实现—计算机类专业课程设计(毕业设计)
查看>>
新建动态web工程项目红叉报错,以及Could not publish server configuration for Tomcat v9.0 Server at localhost.
查看>>
机器学习SVM的车牌识别系统—计算机专业课程设计(毕业设计)
查看>>
leetcode 80. 删除有序数组中的重复项 II
查看>>
课程设计(毕业设计)—学生宿舍管理系统—计算机类专业
查看>>
毕业设计(课程设计)—SpringBoot网上订餐系统的设计与实现—计算机类专业课程设计(毕业设计)
查看>>
毕业设计(课程设计)—个人博客系统(微博)的设计与实现—计算机类专业课程设计(毕业设计)
查看>>
牛客(中兴捧月)—B-切绳子
查看>>
剑指Offer 13.机器人的运动范围——DFS和BFS
查看>>
Java中GUI编程总结—AWT中的Frame容器、panel面板、布局管理
查看>>
剑指offer12.矩阵中的路径—DFS+剪枝
查看>>
Java中GUI编程总结—事件监听、TextField监听、画笔、(鼠标、窗口、键盘)监听
查看>>
Java中GUI编程总结—Swing(窗口、面板、弹窗、标签、按钮、列表、文本框)
查看>>