关于easyui的dialog弹出datagrid问题

因为工作遇到了然后百度了好久很多人，很复杂的做法，代码一串一串的看的我云里雾里，

 最后想清楚了 其实我遇到的还算挺简单的，把我自己的做法分享给大家；

首先是效果图:

点详情就会单独弹框

成这样。

一开始我没做出来的时候效果是这样的：

，

后来想了一下是div的问题，如果把下面的表单放到弹框里面效果会是怎么样的。

 图里面有两个table id为dg的是显示没有点击时候的数据

也就是最开始的图，dg2是弹窗以后需要显示的数据，把他放到了弹窗内部。

function showMore(){
$('#dd').dialog({
title : '详情',
width : 400,
height : 300,
closed : false,
cache : false,
modal : true
   });
$('#dg2').datagrid({
    url:'/custom/findAll',
    rownumbers:true,
    columns:[[
        {field:'cName',title:'名称',width:200},
        {field:'cContent',title:'内容',width:100},
        {field:'cCondition',title:'条件',width:100},
                  
    ]],
    pagination:true,
        pageSize:20,
        pageList:[20,40,60,80]
});

}

这是我的js补分代码，仅供参考，小白一枚，勿喷