jQuery_easyUI 合并单元格 （DataGrid 数据表格）

<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>

界面代码

合并方法：

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 合并几个单元格

jQuery_easyUI 合并单元格 （DataGrid 数据表格）,布布扣,bubuko.com