如何在Dhtmlx网格视图中将rowspan和colspan应用于单元格

时间:2012-11-30 09:56:38

标签: dhtmlx

我的dhtmlxgrid视图如下所示。使用Json数据。

code    desc         Qtytype    w1  w2

Part A  Part A desc   Demand    100 200
                      issued    150 100
                       stock    200 200
                       F/C  100 250     
Part B  Part B desc   Demand    100 200
                      issued    200 100
                       stock    300 200
                        F/C     100 250 

我想应用rowsapn和colspan单元格级别。有人建议如何在单元格级别应用span以使视图高于。谢谢。

2 个答案:

答案 0 :(得分:1)

有两种方式

a)数据加载后,您可以使用js api创建必要的col和rowspans

grid.load("some.url", function(){
    grid.setRowspan(1,0,4) //1 - id of row 
    grid.setRowspan(1,1,4) //1 - id of row 
});

b)你可以直接在数据中定义rowspans,如果是xml,它将是

<row id="1"><cell rowspan="4">Part A</cell>

据我所知,类似的语法必须可用于json,但它在当前版本(3.5)中是错误的,仅适用于xml。

答案 1 :(得分:0)

加载数据后,您可以像这样申请

dfGrid.forEachRow(function(id){
if((id)%4==0)
{   
   dfGrid.forEachCell(id,function(cellObj,ind){
   if(ind <= 3){
    dfGrid.setRowspan(id,ind,4);
    }       
    });
}   
});

4表示您需要应用多少行。 3表示应该应用多少行颜色。

注意 - Id应该从4的倍数开始。基于行的no,id的值变化ex.3意味着id应该以3的倍数开始。

谢谢。