DHMTLx TreeGrid Header Problem in IE

Hi,

We are using the DHTMLx treegrid in our web application developed in ASP.Net. The treegrid works fine but we’ve encountered an issue here with the grid headers. The treegrid is being used in split mode. The left part of the treegrid is fine, but on the right part the headers of the left are displayed alongwith with its own headers. The picture will be more clearer with the following screenshots:

ScreenShot1 : This is how the treegrid looks the very first time when it is loaded.
Screenshot2 : When I drag the header columns of the right part, it can be observed that the headers from the left part are seen on the right part too.
Screenshot3 : Ideally the treegrid should look like this:

Please make a note of it that this works absolutely fine in Safari 5.1.7 and Mozilla Firefox 6.0.2. The problem occurs only in IE8. We need it to be compatible with all the mentioned browsers. I am attaching the code snippet and the xml file used for rendering the treegrid. Also note that we are using HTML5 and CSS3 throughout our application, but I guess that should not affect the treegrid’s behaviour as it has its own css and js files.

Note: The version we are using is v.2.6 build 100722

Thanks,
Vaibhav Shinde.
Files.zip (48.8 KB)




I’m having the same problem, but in IE 9. The fix for me was to include a meta tag in the header:

However, dropping back into IE8 mode causes problems with other parts of my application so I’m still searching for a solution.

IE8 is a very problematic browser. :imp:
We’ve invested a lot of time to fix problems only in IE8.

It is not recommended to use the setColWidth() method to set the initial width to columns.
Please, try to use setInitWidths() method:
docs.dhtmlx.com/doku.php?id=dhtm … initwidths