Hi,
I’m working with grid v2.1.
I want my grid to fill up the entire area of the bottom-right part of the browser window.
±------------------------------------------+
| header |
±------------------------------------------+
| | |
| left | GRID |
| | |
±------------------------------------------+
HTML looks somewhat like:
JS code looks somewhat like:
grid = new dhtmlXGridObject(‘gridbox’);
grid.setInitWidths(“70,*,150”);
grid.enableAutoHeight(true);
grid.enableAutoWidth(true, 99999, 600);
// etc.
I encountered a few problems:
1) If width:100% is not directly specified within the style attribute of the grid div, as above, but instead in a css class then auto width doesn’t work.
2) In Safari the initial load will always show a placeholder for a scrollbar to the right of the grid. You can also see this in the demo for “Auto Height” at the dhtmlx.com website. When you resize the browser slightly, whatever way, this placeholder disappears (if you have auto width enabled only). Is there a way that this placeholder doesn’t appear in Safari on initial load?
3) On the initial load in IE7 and Safari it will show a horizontal scrollbar. In FF it works fine. In IE7 the horizontal scrollbar is always present, whether you resize or not. In Safari the horizontal scrollbar disappears if you resize slightly (see point 2, suggesting it should be possible to NOT show this placeholder space on initial load).
4) In all browsers: when a vertical scrollbar appears it covers the entire height of the grid. When you scroll down then the header disappears together with the first rows. I think this is unusual. The header should always stay visible. Only the “objbox” part should become scrollable. Is there a way to work around this?
Best regards,
Jim