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 合并几个单元格
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux系统下SQL Server数据库镜像配置全流程详解
· 现代计算机视觉入门之:什么是视频
· 你所不知道的 C/C++ 宏知识
· 聊一聊 操作系统蓝屏 c0000102 的故障分析
· SQL Server 内存占用高分析
· DeepSeek V3 两周使用总结
· 02现代计算机视觉入门之:什么是视频
· C#使用yield关键字提升迭代性能与效率
· 回顾我的软件开发经历(1)
· 2. 什么?你想跨数据库关联查询?