grid with relative height

Suite and Optimus Suite 5
#1

I’d like my grid to be relatively sized to the size of the window - in other words: is it possible to resize my whole grid whar window resize occurs with byuild in API methods?

thx

#2

Have you tried set grid container height in percents?

#3

Yes, I tried. What I’d like to know - whether or not grid provides some API for automatic self-rerenderring triggered by window resize event.

#4

If I change:

<div id="gridbox" style="width:100%; height:490px;"></div>

to:

<div id="gridbox" style="width:100%; height:100%;"></div>

the grid does not render at all.

#5

whether or not grid provides some API for automatic self-rerenderring triggered by window resize event.
dhtmlxGrid doesn’t have api which will increase or decreate grid container height base on window size.

grid does not render at all.
Check if you set height for grid container parent elements.

#6

Olga, thank you for response.
FF renders pretty accurately.
Here is the question IE8 related: if I set parent div height to let’s say 90%, the dhx grid will ignore it and load full data set without smart rendering…
The HTML generated:

This “height: 0px” is questionable and looks like bug in the dhtmlxGrid. Could you please investigate it with development team?

thank you in advance,
oleg

#7

any update on this one?

#8

Please check if you set height for the grid container:

#9

yes, I do.

#10

Bump. I still have this problem. As written before, if I use:

<div id="gridbox" style="width:100%; height:415px;"></div>

it works, but the height is fixed so the effect is different in different browsers on different screens. On some it doesn’t fill the screen, on others it does and needs to be scrolled.

If I use:

<div id="gridbox" style="width:100%; height:100%;"></div>

the grid does not render at all.

#11

Unfortunately issue can’t be reconstructed locally.

If issue still occurs for you - please provide a complete demo.

#12

All working OK now … I had to set the style of to “height:100%;”. Something I’ve never had to do before, with hundreds of web pages. was already so styled.

But no matter. Now I know, and it works fine. The grid fills the entire viewport, and re-sizes just fine.

Thanks for your help, and I must say this grid control is fantastic.