jqgrid动态显示隐藏列,同时自动调整表格宽度
2017-02-20 13:37
435 查看
直接上代码:
function showHideCol(e) {
var colModel = $(grid_selector).jqGrid('getGridParam', 'colModel');
var width = 0;//获取当前列的列宽
for(var i=0;i<colModel.length;i++){
if (colModel[i]["name"] == $(e).val()) {
width = colModel[i]["width"];
break;
}
}
if ($(e).is(':checked')) {
function showHideCol(e) {
var colModel = $(grid_selector).jqGrid('getGridParam', 'colModel');
var width = 0;//获取当前列的列宽
for(var i=0;i<colModel.length;i++){
if (colModel[i]["name"] == $(e).val()) {
width = colModel[i]["width"];
break;
}
}
if ($(e).is(':checked')) {
//显示时表格宽度加上列宽 $(grid_selector).setGridWidth($(grid_selector).getGridParam("width")+width); $(grid_selector).setGridParam().showCol($(e).val()).trigger("reloadGrid"); } else { $(grid_selector).setGridWidth($(grid_selector).getGridParam("width")-width); $(grid_selector).setGridParam().hideCol($(e).val()).trigger("reloadGrid"); } } <input type="checkbox" name="showCol" value="systemCode" onclick="showHideCol(this)" checked="checked">编码 </input>
相关文章推荐
- 解决html表格中内容超出不强制换行和超出宽度自动隐藏并显示省略号
- 解决html表格中内容超出不强制换行和超出宽度自动隐藏并显示省略号
- 解决html表格中内容超出不强制换行和超出宽度自动隐藏并显示省略号
- jqGrid动态隐藏列显示列以及设置显示相对宽度
- Dorado页面中点击表格中的记录时当前行自动调整行高,换行显示隐藏的信息
- 针对列宽度自动调整显示内容,超长以...缩写结尾
- ul li列表中显示文字强制不换行大于li宽度的文字自动隐藏
- jqgrid动态改变列以及隐藏列之后保持表格长度不变
- 根据表格内容,自动调整VB.NET中Datagrid控件单元格宽度
- 单行显示的UILabel根据文字内容自动调整宽度,文字下方加下划线
- DBGrid 根据表格中数据长度自动调整表格宽度
- 动态隐藏/显示窗口的标题栏(同时保持窗口的Sizeable性能)
- 如何实现:GridView 控件中显示的文本不自动换行,隐藏超出宽度部分wj-wangjun
- 根据表格内容,自动调整VB.NET中Datagrid控件单元格宽度
- 内容超出表格<td>宽度则自动隐藏
- jquery 实现 表格动态显示与隐藏
- li内文字超出隐藏,不允许出现半汉字截断,超出后仍显示new图片,小于宽度自动跟随
- 如何动态隐藏表格 javascript 控制 html元素 显示/隐藏
- <li></li>列表中显示文字强制不换行,大于li宽度自动隐藏文字
- 利用table动态生成表格并填充内容/和panel做一个可控制显示/隐藏的小玩意