Start Building Professional
Web Apps Today

Headers misaligned and no horizontal scroll bar in FF

Here is the code that is being used to generate our tree grid:

tree=new dhtmlXGridObject('treeBox');
tree.imgURL="/test/images/xTree/imgs/";
tree.setHeader("Name & ID,Type,Indicator,Level,Month-To-Date, Highest Achieved Rank, Personal,Last Order Date,Group Volume,Last Month's GV, Percentage, Customer Number, First Name, Last Name,Front Line, # Director Legs, # Coach Legs, Ordering Entities, Certified, Club Member, Type, Child Count");
tree.setInitWidths("250,50,50,50,175,175,75,75,50,50,75,50,50,50,50,50,50,50,50,50,50,50");
tree.kidsXmlFile="/control/loadTree";
tree.setColAlign("left,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center");
tree.setColTypes("tree,img,img,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro");
tree.setColSorting("str,str,str,int,str,str,int,str,int,int,int,int,str,str,int,int,int,int,str,str,str,int");
tree.enableTreeGridLines(true);
tree.enableAlterCss("even", "uneven");
tree.enableSmartXMLParsing(true);
tree.enableBuffering(20);
tree.setOnRowCreated(doOnRowAdded);
tree.setOnOpenStartHandler(startWait);
tree.setOnOpenEndHandler(endWait);
tree.init();
tree.loadXML("/control/loadTree?top=true&viewType=downline&id=<%=User.getUserLoginId()%>");//load root level from xml
tree.setColumnHidden(11, "true");
tree.setColumnHidden(12, "true");
tree.setColumnHidden(13, "true");
tree.setColumnHidden(20, "true");
tree.setColumnHidden(21, "true");

In FF, there is no horizontal scroll bar, but the same code produces a horizontal scroll bar in IE 7. Also, note hidden columns 11-13; the headers for these columns are displaying in IE 7, but not in FF. Additionally, the headers are misaligned from the data.

Any help on this would be greatly appreciated, especially the misaligned headers.

Issue still can't be reconstructed locally.
Please check sample (sent by email), it uses the same initialization code but it works correctly in both IE and FF

The only unnecessary place in your code
>> tree.enableBuffering(20);
This command has not sense in case of dhtmlxTreeGrid and need to be removed

>>In FF, there is no horizontal scroll bar
If you have not data in grid ( not any row ) the horizontal scroll bar may be not shown in FF, this is known limitation.