jqgrid属性:宽,高
jqgrid属性:
width:
Grid的宽度,如果未设置,则宽度应为所有列宽的之和;如果设置了宽度,则每列的宽度将会根据shrinkToFit选项的设置,进行设置。
shrinkToFit:
此选项用于根据width计算每列宽度的算法。默认值为true。如果shrinkToFit为true且设置了width值,则每列宽度会根据width成比例缩放;如果shrinkToFit为false且设置了width值,则每列的宽度不会成比例缩放,而是保持原有设置,而Grid将会有水平滚动条。
autowidth:
默认值为false。如果设为true,则Grid的宽度会根据父容器的宽度自动重算。重算仅发生在Grid初始化的阶段;如果当父容器尺寸变化了,同时也需要变化Grid的尺寸的话,则需要在自己的代码中调用setGridWidth方法来完成。 这些属性只能是保证第一次时的宽度,当浏览器大小变化如还想让表格宽度自适应,就需要用jqgrid的方法setGridWidth,它有两个参数,new_width,shr,当第二个参数不设置时会按照shrinkToFit的设置值或默认值,而第一个参数则要设置的新的宽度值,所以在些可用js实现对浏览器宽度变化的自适应:
$(function(){
$(window).resize(function(){
$("#analyDataTab").setGridWidth($(window).width()*0.99);
$("#charDataTab").setGridWidth(document.body.clientWidth*0.99);
});
});
注:这里的百分比可按自己需要来设定,也可直接是浏览器的宽度大小。
jqgrid保持显示垂直滚动条
在IE中记录比较少的时候,默认情况下不显示垂直滚动条,会出现标题行与数据行位置对不 齐的情况,通过保持显示垂直滚动条可以解决这个问题。
$( pGridId ).closest(".ui-jqgrid-bdiv").css({ 'overflow-y' : 'scroll' });
需要保持水平滚动条,则:
$( pGridId ).closest(".ui-jqgrid-bdiv").css({ 'overflow-x' : 'scroll' });
jqgrid动态显示/隐藏某一列
jQuery("#grid_id").setGridParam().showCol("colname").trigger("reloadGrid");
jQuery("#grid_id").setGridParam().hideCol("colname").trigger("reloadGrid");
jqgrid属性:宽,高相关推荐
- 【进阶版九宫格背景图片】如何仅仅依靠background的几个属性组合搭配出酷炫的背景图片效果,并自适应任何宽高效果?
如果你要有透明度效果的背景图请移步https://blog.csdn.net/qq_37860634/article/details/119591991 这是我们最终想要达到的效果,并且支持任意宽高缩 ...
- 【Android 内存优化】自定义组件长图组件 ( 获取图像宽高 | 计算解码区域 | 设置图像解码属性 复用 像素格式 | 图像绘制 )
文章目录 一.获取图像真实宽高 二.计算解码区域 三.设置解码参数 内存复用 像素格式 四.图像绘制 五.执行效果 六.源码及资源下载 官方文档 API : BitmapRegionDecoder 在 ...
- java设计一个立方体类box_实例1: 设计一个立方体类Box,定义三个属性,分别是长,宽,高。定义二个方法,分别计算并输出立方体的体积和表面积。_学小易找答案...
[填空题]表达式 list(filter(lambda x:x>2, [0,1,2,3,0,0])) 的值为 _________ . [填空题]表达式 len(' 中国 '.encode('ut ...
- 小程序中image标签的mode属性,防止图片调整宽高而导致拉伸的问题
微信小程序中图片直接调整宽高很容易导致图片拉伸变形,达不到预期效果 mode = "widthFix" (按图片高度自适应) 或 mode="aspectFill&quo ...
- 【 CSS 尺寸/宽高 属性 heightwidth 】
CSS 尺寸/宽高 属性 height&width CSS 尺寸/宽高 属性 1. height 属性: 设置 元素的高度 (auto/长度值/ 百分比值) 1.1 max-height 属性 ...
- css限制图片高宽,CSS限定图片宽高在范围内等比缩放(img缺省宽高属性)
this.p={ m:2, b:2, loftPermalink:'', id:'fks_0870650860840870700840950850640720870830750840840850660 ...
- js中的各种宽高以及位置总结
在javascript中操作dom节点让其运动的时候,常常会涉及到各种宽高以及位置坐标等概念,如果不能很好地理解这些属性所代表的意义,就不能理解js的运动原理,同时,由于这些属性概念较多,加上浏览器之 ...
- JavaScript获取浏览器、元素、屏幕的宽高尺寸
版权声明 转载请告知并注明来源作者 作者:唐金健 网络昵称:御焱 掘金知乎思否专栏:优雅的前端 前言 有时候在获取浏览器.元素.屏幕的尺寸,傻傻分不清.为了让自己清晰认识,能够快速确定自己需要哪个属性 ...
- H5 canvas的 width、height 与style中宽高的区别
Canvas 的width height属性 1.当使用width height属性时,显示正常不会被拉伸:如下 <canvas id="mycanvas" width=&q ...
最新文章
- [scala-spark]10. RDD转换操作
- python format
- 计算机英语笑话,关于计算机的幽默笑话
- 深入理解Oracle的并行操作【好文认真读】
- 在车上偶遇一位阿里大佬
- hashCode and equals in map
- python能刷网课吗_利用Python脚本实现自动刷网课
- android笔画输入法的字库,献给爱好笔画输入的机友们 速度才是王道之大众码新笔画输入法...
- matlab 方差,方差分解——matlab 代码
- 海康NVR录像机集成大华摄像头
- LOL或迈入科技时代?多位主播遭实锤脚本,官方不作为疑似默许!
- Google seo图片优化技巧
- 微信小程序中使用阿里(iconfont)字体图标
- html中th与thead的详细区别
- 编程实现更改文件夹图标
- 计算机学frm,FRM金融计算器使用教程
- C++动态规划入门习题+解析
- C++11条件变量:notify_one()与notify_all()的区别
- 使用 Neo4j 图数据库可视化(网络安全)知识图谱
- lisp画靶子 visual_9月编程语言排行榜:PHP首超C++ 挺进前三甲