jQuery_easyUI 合并单元格 (DataGrid 数据表格)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<table id="dg" style="height:350px;z-index:-5555; " class="easyui-datagrid"  rownumbers="true"
               data-options="fitColumns: true,
               iconCls: 'icon-edit',
                scrollbarSize:0,
                multiSort:true,
                remoteSort:true,
                pagination:false,
                singleSelect:false,
                onLoadSuccess:OnLoadSucc,
                method: 'get'">
            <thead>
            <tr>
                <th data-options="styler:gethand,field:'ORGNA_NAME',width:20,halign:'center',align:'left'">单位名称</th>
                <th data-options="styler:gethand,field:'NIANYUE',width:10,halign:'center',align:'center'">结算期间</th>
                <th data-options="styler:gethand,field:'DJ_TBS',width:10,halign:'center',align:'right'">台班数<br>(个)</th>
                <th data-options="styler:gethand,field:'DJ_JSJE',width:10,halign:'center',align:'right'">结算金额<br>(元)</th>
                <th data-options="styler:gethand,field:'USERCODE',width:16,halign:'center',align:'left',formatter: getQz">领导签字</th>
            </tr>
            </thead>
        </table>

 

界面代码

 

合并方法:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function OnLoadSucc() {
   var data=$("#dg").datagrid("getData");
    
   var rows=data.rows.length;
    
   if(rows>1){
           $("#dg").datagrid('mergeCells',{
                 index: 0,
                 field: 'ORGNA_NAME',
                 colspan: 2,
                 align:'center'
             });
   }
  }

 说明:

  index 第几行合并

  field 合并的列元素名称

  colspan 合并几个单元格

 

 

posted @   訫飛  阅读(1274)  评论(0编辑  收藏  举报
编辑推荐:
· Linux系统下SQL Server数据库镜像配置全流程详解
· 现代计算机视觉入门之:什么是视频
· 你所不知道的 C/C++ 宏知识
· 聊一聊 操作系统蓝屏 c0000102 的故障分析
· SQL Server 内存占用高分析
阅读排行:
· DeepSeek V3 两周使用总结
· 02现代计算机视觉入门之:什么是视频
· C#使用yield关键字提升迭代性能与效率
· 回顾我的软件开发经历(1)
· 2. 什么?你想跨数据库关联查询?
点击右上角即可分享
微信分享提示