生成合并单元格数组
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 = ;
【讨论】:
以上是关于生成合并单元格数组的主要内容,如果未能解决你的问题,请参考以下文章