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

时间：2022-06-18 16:06:32
<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 合并几个单元格

相关文章