easyui中datagrid表格如何正确显示和隐藏

最新推荐文章于 2024-05-27 12:07:42 发布

chengxue_123

最新推荐文章于 2024-05-27 12:07:42 发布

阅读量3.2k

点赞数 2

分类专栏：框架文章标签： easyui 前端

本文链接：https://blog.csdn.net/chengxue_123/article/details/118057606

版权

最近遇到了一个问题，是关于easyui数据表格的显示和隐藏的，一般显示元素可以通过dispaly:block(或show())和display:none (hide()）控制xianshi

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

最近遇到了一个问题，是关于easyui数据表格的显示和隐藏的，一般显示元素可以通过dispaly:block(或show())和display:none (hide()）控制显示隐藏的

但是这个easyui中datagrid有点特别：

具体实现给table中class="easyui-datagrid" ,外面包一层div,给class="easyui-panel"

 <div style="width: 600px;height: 600px;margin: 50px auto;" class="easyui-panel"closed="true" id="box">
        <table id="dg" class="easyui-datagrid"></table>
    </div>

注意：在外层div中closed="true" 是为了控制初始化的时候让表格消失（这里不能使用display:none）

$("#box").panel('open')和$("#box").panel('close');来控制显示和隐藏

案例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="

最低0.47元/天解锁文章

chengxue_123

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
easyui中datagrid表格如何正确显示和隐藏

最近遇到了一个问题，是关于easyui数据表格的显示和隐藏的，一般显示元素可以通过dispaly:block(或show())和display:none (hide()）控制xianshi
复制链接

扫一扫