Hello,
based on http://forum.dhtmlx.com/viewtopic.php?f=2&t=16335&p=50346&hilit=dynamic+header#p50346 i created a dynamic header like this:
mygrid.load({load xml header datas},
function()
{
mygrid.load({load table datas},"json");
})
In html i declared the grid container as:
<div id="mygridContainer" style="width:100%; height:100%;"></div>
At the first time that works fine.
Now the user would like to change the view and get a very wide view. Because the columns are very small i changed my code:
var standardView = true;
mygrid.load({load xml header datas},
function()
{
if (standardView)
{
$('mygridContainer').setStyle({ width: "100%;" });
mygrid.enableAutoWidth(true);
}
else
{
$('mygridContainer').setStyle({ width: "2000px;" });
mygrid.enableAutoWidth(true,2000);
}
mygrid.setSizes();
mygrid.load({load table datas},"json");
})
This works fine too and in many browsers (IE8,IE9, FF3.x, FF4.x, FF5.x, Safari) i got vertical scrollbar if the view is wider than the screen. But in IE8 (and only in IE8!) i have the following effect:
I scroll the bar with my mouse to right but if I let go of the mouse button the page (scrollbar) jump to left automatically.
Why this?
Greetings. Carsten