EASY-UI隐藏列后重新设置列宽,使之填满窗口

最新推荐文章于 2024-03-03 15:09:54 发布

banweili008

最新推荐文章于 2024-03-03 15:09:54 发布

阅读量622

点赞数

CC 4.0 BY-SA版权

分类专栏： EASY-UI JSP

本文链接：https://blog.csdn.net/banweili008/article/details/110928493

JSP 同时被 2 个专栏收录

12 篇文章

订阅专栏

EASY-UI

6 篇文章

订阅专栏

本文介绍了一种使用EasyUI DataGrid插件隐藏指定列的方法，并展示了如何在隐藏列后重新设置其他列的宽度以达到更好的视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

隐藏列前:
在这里插入图片描述

隐藏列操作:

//隐藏'状态'列和'数据来源'列
$('#zwjg').datagrid('hideColumn','CURR_OR_NEXT');
$('#zwjg').datagrid('hideColumn','REP_STATE');

隐藏列后
在这里插入图片描述
重新设置列宽代码:

//根据列名获取列数据
var column = $('#zwjg').datagrid('getColumnOption', 'ZZG_NAME');
//我代码是写在onLoadSuccess里,不做限制会死循环,不需要的可以忽略
if(column.width != '30%'){
	//设置宽度(可以百分比,也可以是固定值)
	column.width = '30%';
	//重新加载该datagrid
	$('#zwjg').datagrid();
}