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

浏览数：20 / 时间：2015年06月09日

<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 数据表格）,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

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