zoukankan      html  css  js  c++  java
  • EasyUi 合并单元格占列显示

    $("#TableContainer").datagrid({
                    url: '',
                    method: "get",
                    title: '工资明细列表',
                    loadMsg: '数据加载中,请稍候...',
                    nowrap: false,
                    pageSize: 50,
                    pageList: [50, 150, 300],
                    columns: column,
                    fitColumns: true,
                    singleSelect: true,
                    pagination: true,
                    "100%",
                    toolbar: toolbar,
                    sortOrder: "asc",
                    onLoadSuccess: function (data) {
                        $.tool.MergeEasyUiGrid("TableContainer", "Name,SalaryYear,SalaryMonth");
                      
                    }

    });

    合并类:
    $.tool.MergeEasyUiGrid = function (tableID, colList) {
        var ColArray = colList.split(",");
        var tTable = $("#" + tableID);
        var TableRowCnts = tTable.datagrid("getRows").length;
        var tmpA;
        var tmpB;
        var PerTxt = "";
        var CurTxt = "";
        var alertStr = "";
        for (j = ColArray.length - 1; j >= 0; j--) {
            PerTxt = "";
            tmpA = 1;
            tmpB = 0;


            for (i = 0; i <= TableRowCnts; i++) {
                if (i == TableRowCnts) {
                    CurTxt = "";
                }
                else {
                    CurTxt = tTable.datagrid("getRows")[i][ColArray[j]];
                }
                if (PerTxt == CurTxt) {
                    tmpA += 1;
                }
                else {
                    tmpB += tmpA;


                    tTable.datagrid("mergeCells", {
                        index: i - tmpA,
                        field: ColArray[j], //合并字段
                        rowspan: tmpA,
                        colspan: null
                    });
                    tTable.datagrid("mergeCells", { //根据ColArray[j]进行合并
                        index: i - tmpA,
                        field: "Ideparture",
                        rowspan: tmpA,
                        colspan: null
                    });


                    tmpA = 1;
                }
                PerTxt = CurTxt;
            }
        }
    }

  • 相关阅读:
    交叉编译工具链
    QNX Hypervisor管理程序
    DSP与CEVA芯片
    Runtime系统
    使用Xjar对jar文件进行加密,防止反编译
    有10个线程, 主线程怎么等待10个线程执行完之后才执行
    vue——使用echart后,字体模糊问题
    css——background属性设置background-size
    echart——宽度设置无效问题
    js——实现缩略图滑动,实际图对应滑动
  • 原文地址:https://www.cnblogs.com/littlewrong/p/4783105.html
Copyright © 2011-2022 走看看