首页 > 代码库 > jQuery_easyUI 合并单元格 (DataGrid 数据表格)
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 onl oadSucc() { var data=http://www.mamicode.com/$("#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 合并几个单元格
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。