zoukankan      html  css  js  c++  java
  • 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',20,halign:'center',align:'left'">单位名称</th>
    				<th data-options="styler:gethand,field:'NIANYUE',10,halign:'center',align:'center'">结算期间</th>
    				<th data-options="styler:gethand,field:'DJ_TBS',10,halign:'center',align:'right'">台班数<br>(个)</th>
    				<th data-options="styler:gethand,field:'DJ_JSJE',10,halign:'center',align:'right'">结算金额<br>(元)</th>
    				<th data-options="styler:gethand,field:'USERCODE',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 合并几个单元格

  • 相关阅读:
    拓扑排序,bitset~[JSOI2015]最小表示
    字符串算法~KMP
    校内团队训练赛2
    校内团队训练赛
    CodeForces
    莫队算法基础与练习
    lintcode-452-删除链表中的元素
    lintcode-451-两两交换链表中的节点
    lintcode-450-K组翻转链表
    lintcode-445-余弦相似度
  • 原文地址:https://www.cnblogs.com/dnxf/p/3797026.html
Copyright © 2011-2022 走看看