ExtJs合并单元格

前端框架ExtJS4.0

下图为合并后效果：

先

最近项目中做Grid显示时，需要将单元格分类然后按一定要求给合并，如果单单是合并表头，这个实现很简单，但是现在要求的合并单元格，这就需要直接去操作HTML表格标签了，进行rowspan,colspan之类;下面是具体代码：

注：grid为要合并的表单,row为合并的开始行，col为合并的开始列,type['row','col']要合并列或者行,num合并的行数或者列数

监听load:根据自己的业务逻辑来设计代码

load: function(){

//遍历store
var models = compareFinceStore.data;
var length = models.length;
for (var index = 0; index < length; index++) {//行
var rows = 0;
var record = models.get(index);
var obj = record.get('saleOrderNumber');

for (var index2 = index; index2 < models.length; index2++) {l//匹配每一行相同列

var record2 = models.get(index2);
if (obj == record2.get('saleOrderNumber')) {
rows++;
} else {
continue;
}
}

//合并15,14,13,10,3,2列注意:这里如果你是顺序合并的话或出现合并后剩余数据挤到下一列的问题，需要倒序进行合并解决问题
var cols = [15,14,13,10,3,2];
if (rows > 1) {
for(var i=0;i<cols.length;i++){
span(compareFinceReport_grid, index, cols[i], 'row', rows);
}
index += rows - 1;//直接跳转到合并后的下一行
}
}

}

ExtJs合并单元格相关推荐

ExtJs grid合并单元格
extjs中,如果要输出一些有合并单元格的表格,要怎么做呢?如图所示: 从网上找了个例子,其主要思想是表格的store装载完毕后,随即对这个grid的td进行一个个的控制,用的方法也是原始的javas ...
ExtJs - grid 合并单元格跨行跨列
在Grid加载完成后直接调用此方法,需要注意的是,合并的单元格值必须一样. 1 /** 2 * 合并单元格 3 * @param {} grid 要合并单元格的grid对象 4 * @param {} ...
27、extjs操作用友华表Cell之合并单元格
/* * 合并表头单元格站场名称项目名称 * [例]Cellcell.MergeCells(3,1,5,1); */ for ( var k = 0; k & ...
python 2x xlrd使用merged_cells 读取的合并单元格为空
一个简单的excel 如下代码如下 #!/usr/bin/python# # -*- coding: utf-8 -*- import xlrd import sys reload(sys) sys ...
cxgrid中纵横单元格合并_被合并单元格折磨疯的我，真后悔没早点知道这个Excel技巧！...
在大家日常的工作中,经常会用到Excel合并单元格,然而合并单元格其实只是美化了表格,它会使我们后续的统计工作遇到很多麻烦,今天就给大家提供两个解决这个问题的思路. 01 合并单元格的基本操作方法在 ...
【合并单元格】纵向合并单元格之前对数组处理【针对饿了么element的table的span-method合并行或列的计算方法】
<template><el-table :span-method="spanMethod"><el-table-column label=" ...
java excel导出 jxl_java使用JXL导出Excel及合并单元格
jxl是一个韩国人写的java操作excel的工具,在开源世界中,有两套比较有影响的API可供使用,一个是POI,一个是jExcelAPI.其中功能相对POI比较弱一点.但jExcelAPI对中文支持 ...
EasyUI DataGrid根据字段动态合并单元格
为什么80%的码农都做不了架构师?>>> 1.合并方法 /** * EasyUI DataGrid根据字段动态合并单元格 * 参数 tableID 要合并table的id * ...
python读写excel(合并单元格)
读取 import xlrddef read_excel(file_path):# 获取数据data = xlrd.open_workbook(file_path)# 获取所有sheet名字sheet ...

ExtJs合并单元格

ExtJs合并单元格相关推荐

最新文章

热门文章