Collapse Column not working in Firefox

Suite and Optimus Suite 5
#1

My grid is as follows :

mygrid2.setHeader(“Account Information,#cspan,#cspan,#cspan,#cspan,#cspan,YTD (K$),#cspan,#cspan,201201 (K$),#cspan,#cspan,201202 (K$),#cspan,#cspan”);
mygrid2.attachHeader(“Company,Subsidiary,Area,Country,Segment,Vertical,
{#collapse}3:Total ,Product,Service,{#collapse}3:Total ,Product,Service,
{#collapse}3:Total ,Product,Service”);
…
mygrid2.init();
mygrid2.splitAt(6);
mygrid2.collapseColumns(6);
mygrid2.collapseColumns(9);
mygrid2.collapseColumns(12);
mygrid2.loadXML(strUrl);

(There are more columns but I have just mentioned a few basic ones here to explain the issue)

On loading this is supposed to collapse columns 6,9 and 12 under “Total” headers of “YTD” , “201201”,“201202” respectively. It is working perfectly in IE but in Firefox the columns are all getting merged under “YTD” itself when they are collapsed.
Can you pls provide me with a solution!!!

#2

Unfortunately the issue cannot be reconstructed locally.
YOur code works well in FireFox for us.

If issue still occurs - please provide a more detailed sample of your code or a complete demo.

#3

Oh !! This is a more detailed version of my code

function eXcell_link(cell){
this.cell = cell;
this.grid = this.cell.parentNode.grid;
this.isDisabled=function(){return true;}
this.edit = function(){}
this.getValue = function(){
if(this.cell.firstChild.getAttribute)
return this.cell.firstChild.innerHTML
else
return “”;
}
this.setValue = function(val){
if((typeof(val)!=“number”) && (!val || val.toString()._dhx_trim()=="")){
this.setCValue(" “,valsAr);
return (this.cell._clearCell=true);
}
var valsAr = val.split(”^");
if(valsAr.length==1)
valsAr[1] = “”;
else{
if(valsAr.length>1){
valsAr[1] = “href=’”+valsAr[1]+"’";
if(valsAr.length==3)
valsAr[1]+= " target=’"+valsAr[2]+"’";
else
valsAr[1]+= " target=’_blank’";
}
}

	this.setCValue("<a "+valsAr[1]+" onclick='(isIE()?event:arguments[0]).cancelBubble = true;'>"+valsAr[0]+"</a>",valsAr);
}

}

eXcell_link.prototype = new eXcell;
eXcell_link.prototype.getTitle=function(){
var z=this.cell.firstChild;
return ((z&&z.tagName)?z.getAttribute(“href”):"");
}
eXcell_link.prototype.getContent=function(){
var z=this.cell.firstChild;
return ((z&&z.tagName)?z.innerHTML:"");
}

function doInitGrid(){
var mygrid2;
mygrid2 = new dhtmlXGridObject(‘mygrid_container2’);
mygrid2.setImagePath(“dhtmlx25/dhtmlxGrid/codebase/imgs/”);
mygrid2.setHeader(“Account Information,#cspan,#cspan,#cspan,#cspan,#cspan,YTD (K$),#cspan,#cspan,201201 (K$),#cspan,#cspan,201202 (K$),#cspan,#cspan,201203 (K$),#cspan,#cspan,201204 (K$),#cspan,#cspan,201205 (K$),#cspan,#cspan,201206 (K$),#cspan,#cspan,201207 (K$),#cspan,#cspan,201208 (K$),#cspan,#cspan,201209 (K$),#cspan,#cspan,201210(K$),#cspan,#cspan,201211 (K$),#cspan,#cspan,201212 (K$),#cspan,#cspan”,null,
[“text-align:center”,“text-align:center”,“text-align:center”,“text-align:center”,“text-align:center”,“text-align:center”,“text-align:center”,“text-align:center”,“text-align:center”,“text-align:center”,“text-align:center”,“text-align:center”,“text-align:center”,“text-align:center”]);
mygrid2.attachHeader(“Company,Subsidiary,Area,Country,Segment,Vertical,{#collapse}3:Total ,Product,Service,{#collapse}3:Total ,Product,Service,{#collapse}3:Total ,Product,Service,{#collapse}3:Total ,Product,Service,{#collapse}3:Total ,Product,Service,{#collapse}3:Total ,Product,Service,{#collapse}3:Total ,Product,Service,{#collapse}3:Total ,Product,Service,{#collapse}3:Total ,Product,Service,{#collapse}3:Total ,Product,Service,{#collapse}3:Total ,Product,Service,{#collapse}3:Total ,Product,Service,{#collapse}3:Total ,Product,Service”);
mygrid2.attachHeader("#select_filter,#select_filter,#select_filter,#select_filter,#select_filter,#select_filter,");
mygrid2.setInitWidths(“100,100,40,40,40,50,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70”);
mygrid2.setColAlign(“left,left,left,left,left,left,right,right,right,right,right,right,right,right,right,right,right,right,right,right,right,right,right,right,right,right,right,right,right,right,right,right,right,right,right,right,right,right,right,right,right,right,right,right,right”);
mygrid2.setColSorting(“str,str,str,str,str,str,int,int,int,int,int,int,int,int,int,int,int,int,int,int,int,int,int,int,int,int,int,int,int,int,int,int,int,int,int,int,int,int,int,int,int,int,int,int,int”);
mygrid2.setColTypes(“link,ro,ro,ro,ro,ro,myprice,myprice,myprice,myprice,myprice,myprice,myprice,myprice,myprice,myprice,myprice,myprice,myprice,myprice,myprice,myprice,myprice,myprice,myprice,myprice,myprice,myprice,myprice,myprice,myprice,myprice,myprice,myprice,myprice,myprice,myprice,myprice,myprice,myprice,myprice,myprice,myprice,myprice,myprice”);

mygrid2.attachEvent("onXLS", function() {
document.getElementById('cover').style.display = 'block';
});
mygrid2.attachEvent("onXLE", function() {
document.getElementById('cover').style.display = 'none';
});

mygrid2.setSkin("dhx_blue");

mygrid2.init();
mygrid2.splitAt(6);
var flag;
if(document.frmRadio.group[0].checked==true){
flag=document.frmRadio.group[0].value;}
else
{
flag=document.frmRadio.group[1].value;
}
mygrid2.collapseColumns(6);mygrid2.collapseColumns(9);mygrid2.collapseColumns(12);
mygrid2.collapseColumns(15);mygrid2.collapseColumns(18);mygrid2.collapseColumns(21);
mygrid2.collapseColumns(24);mygrid2.collapseColumns(27);mygrid2.collapseColumns(30);
mygrid2.collapseColumns(33);mygrid2.collapseColumns(36);mygrid2.collapseColumns(39);
mygrid2.collapseColumns(42); 
mygrid2.enableHeaderMenu();


var strUrl="reportGenerate.do?strQuery=-105.2&strFileType=xml&actionPerformed=Download&group="+flag;

mygrid2.loadXML(strUrl);


}

window.onload =doInitGrid;

#4

Unfortunately collapsable columns will not work with such grid structure, but you can try to change it as

mygrid2.setHeader("Account Information,#cspan,#cspan,#cspan,#cspan,#cspan,{#collapse}3:YTD (K$),#cspan,#cspan,{#collapse}3:201201 (K$),#cspan,#cspan,{#collapse}3:201202 (K$),#cspan,#cspan,{#collapse}3:201203 (K$),#cspan,#cspan,{#collapse}3:201204 (K$),#cspan,#cspan,{#collapse}3:201205 (K$),#cspan,#cspan,{#collapse}3:201206 (K$),#cspan,#cspan,{#collapse}3:201207 (K$),#cspan,#cspan,{#collapse}3:201208 (K$),#cspan,#cspan,{#collapse}3:201209 (K$),#cspan,#cspan,{#collapse}3:201210(K$),#cspan,#cspan,{#collapse}3:201211 (K$),#cspan,#cspan,{#collapse}3:201212 (K$),#cspan,#cspan",null, ["text-align:center","text-align:center","text-align:center","text-align:center","text-align:center","text-align:center","text-align:center","text-align:center","text-align:center","text-align:center","text-align:center","text-align:center","text-align:center","text-align:center"]); mygrid2.attachHeader("Company,Subsidiary,Area,Country,Segment,Vertical,Total ,Product,Service,Total ,Product,Service,Total ,Product,Service,Total ,Product,Service,Total ,Product,Service,Total ,Product,Service,Total ,Product,Service,Total ,Product,Service,Total ,Product,Service,Total ,Product,Service,Total ,Product,Service,Total ,Product,Service,Total ,Product,Service");

And use the attached version of extension
dhtmlxgrid_hextra.zip (836 Bytes)