生成合并单元格数组

Posted

技术标签:

【中文标题】生成合并单元格数组【英文标题】:generate array of merged cells handsontable 【发布时间】:2017-02-22 20:56:53 【问题描述】:

例如我有一个行数组:

 "name1", "value1", "other1", "another1" ,
 "name1", "value2", "other2", "another2" ,
 "name2", "value3", "other3", "another3" ,
 "name2", "value4", "other4", "another4" 

我无法生成具有合并单元格结构的数组,例如:

 row: 0, col: 0, colspan: 1, rowspan: 2 , 
 row: 2, col: 0, colspan: 1, rowspan: 2 

其中 row 是行索引,col 列索引,colspan 是列的跨度,rowspan 是表上的行跨度。

到目前为止我有代码:

var prev;
var entry = ;
var repeat = 1;
var result = [];
for(a in data) 
  if(a>0)
    prev = data[a-1];
    for(b in data[a])
      if(prev[b]===data[a][b])
         if(repeat==1)
            entry["row"] = a-1;
            entry["col"] = b;
            entry["colspan"] = 1; 
         
         repeat++;
       
    
  

但我不明白什么时候可以创建rowspan=repeat 然后再创建repeat=1,同时我需要将这个entry 推到result

谢谢大家的帮助!

编辑:我已经设法做了一个几乎可以工作的例子,但几乎没有错误,它没有推动最后一个合并......有什么想法让它推动最后一个条目吗?!

var cols = data[0].length;
var prev;
var entry = ;
var repeat = [];
for(var i=0;i<cols;i++)
  repeat.push(1);

var result = [];
for(a in data)
  if(a>0)
    prev = data[a-1];
    for(b in data[a])
      if(prev[b]!=null&&prev[b]===data[a][b])
        if(repeat[b]==1)
          entry["row"] = a-1;
          entry["col"] = parseInt(b);
          entry["colspan"] = 1;
        
        repeat[b]++;
      else
        if(repeat[b]>1)
          entry["rowspan"] = repeat[b];
          result.push(entry);
          repeat[b] = 1;
          entry = ;
        
      
    
  

很明显,我的结构有一个缺点,因为它使用 prev 变量并从第二行开始......但我没有想出任何其他更好的方法。

【问题讨论】:

"name1", "value1", "other1", "another1" 应该是一个数组吗? @Redu 没关系,可以是对象也可以是数组 【参考方案1】:

所以我想出了如何做到这一点:) 这是我的代码,以防万一有人需要它。不是最好的方法……但它确实有效!

var cols = data[0].length;
var prev;
var entry = ;
var repeat = [];
for(var i=0;i<cols;i++)
  repeat.push(1);

var result = [];
for(a in data)
  if(a>0)
    prev = data[a-1];
    for(b in data[a])
      if(prev[b]!=null&&prev[b]===data[a][b])
        if(repeat[b]==1)
          entry["row"] = a-1;
          entry["col"] = parseInt(b);
          entry["colspan"] = 1;
        
        repeat[b]++;
      else
        if(repeat[b]>1)
          entry["rowspan"] = repeat[b];
          result.push(entry);
          repeat[b] = 1;
          entry = ;
        
      
    
    if(a==data.length-1)
      for(var i=0;i<repeat.length;i++)
        if(repeat[i]>1)
          entry["rowspan"] = repeat[i];
          result.push(entry);
          repeat[i] = 1;
          entry = ;
        
        
    
  

【讨论】:

以上是关于生成合并单元格数组的主要内容,如果未能解决你的问题,请参考以下文章

poi Java生成excel合并单元格后字体居中

fastreport 合并重复值单元格?

elementui动态合并单元格(亲测好用)

java poi 单元格合并

关于table动态添加数据 单元格合并 数组合并

elementUI el-table合并单元格-行合并(简单数组)