详情显示框——当点击详情按钮的时候将所有隐藏信息以弹框的形式显示出来...

适用条件：当表格中的信息过多的时候，将部分信息隐藏，只有当点击详情按钮的时候将所有信息以弹框的的形式表示出来。

适用的技术：easyui中的弹框技术，html，css,javascript

展示效果：

点击表格中的第一行详情的时候的显示效果：

1.html详情信息框，设置详情显示框的状态为隐藏，当点击详情的时候才会弹出。

代码如下：

<!--详细信息显示-->
    <!--closed="true" 表示详情弹出框默认关闭不显示-->
<div id="w"  class="easyui-window" title="详细信息" modal="true"  closed="true"  style="width:340px;top:125px;margin:0 auto">
    <form action="" method="post" id="form2" style="padding-top: 20px;">
        <table style="border-collapse:separate; border-spacing:10px;font-size:18px;"  align="center" id="tableId1">
            <tr>
                <th align="right">客户名</th>
                <td>
                    <input type="text"  id="customer" name="customer" readonly="true"/>
                    <!--<span  id="username1" name="username1" style="width: 200px; height: 50px; border: 1px solid red;"></span>-->
                </td>
            </tr>
            <tr>
                <th align="ri