easyui-datagrid 动态显示隐藏行

最新推荐文章于 2023-03-29 10:35:24 发布

alex_hq

最新推荐文章于 2023-03-29 10:35:24 发布

阅读量7.4k

点赞数 4

分类专栏： easyui 文章标签： easyui datagrid 插件 web

本文链接：https://blog.csdn.net/qq_33292205/article/details/53667455

版权

本文介绍在使用easyui datagrid时遇到的动态隐藏显示行的难题，以及作者提供的解决方案。通过示例代码展示如何实现这一功能，为遇到同样问题的开发者提供帮助。

摘要由CSDN通过智能技术生成

最近因为工作关系，用到了easyui,各种方便的同时也发现了不少问题。尤其是datagrid插件的动态隐藏显示行。现给出解决方案如下

定义一个表格

table id="usergroup_tableBaseRight" class="easyui-datagrid" style="width:100%;height:100%" data-options="rownumbers:true">
                            <thead>
                                <tr>
                                    <th data-options="field:'moudleid',width:100,hidden:true">模块编号</th>
                                    <th data-options="field:'moudlename',width:120">所属模块</th>
                                    <th data-options="field:'rightid',width:100,hidden:true">权限编号</th>
                                    <th data-options="field:'name',width:160">权限名称</th>
                                    <th data-options="field:'rightvalue',width:20,checkbox:true">权限</th>                                    
                                    <th data-options="field:'info',width:320">信息</th>
                                </tr>
                            </thead>