:: Forum >> Version 2 >>

full table not rendering

after a while of searching the forums i gave up...

in FF my grid does fine until it gets resized, on my 19" monitor i did not notice anything, however on a 24" there were empty unrendered rows at the bottom when it was maximized. even when you start scrolling again it keeps those rows blank like the grid is a different size.

I am resixing based on teh window height
if(!window.innerWidth){
            if(!(
document.documentElement.clientWidth == 0))
                
document.documentElement.clientHeight;
            else
                
document.body.clientHeight;
        }
        else    
//w3c
            
window.innerHeight;
        if(
h-225 120)
            
table.setStyle("height"h-225);
        else
            
table.setStyle("height"120);
        if(
size <  h-225)
            
table.setStyle("height"size); 
where size is the total size of the grid normally freakishly big unless it jsut has a few rows
CSS
<STYLE>
.
aw-strict .aw-grid-cell
{
    
PADDING-RIGHT3pximportant
}
.
aw-strict .aw-grid-row
{
    
PADDING-BOTTOM3pximportant
}
.
aw-grid-cell
{
    
BORDER-RIGHTblack 1px solid;
    
FONT-SIZE12px;
    
LINE-HEIGHT18px;
    
BORDER-BOTTOMblack 1px solid
}
.
aw-grid-header .aw-item-text
{
    
VERTICAL-ALIGNbottom
}
.
aw-grid-cell .aw-item-text
{
    
VERTICAL-ALIGNtop
}
.
aw-alternate-even
{
    
BACKGROUND#fff8dc
}
.
aw-alternate-odd
{
    
BACKGROUND#f5deb3
}
.
aw-grid-headers .aw-item-box
{
    
BACKGROUND#cdcdcd;
    
BORDER-BOTTOM-COLOR#c4c4c4
}
.
aw-grid-headers .aw-grid-header
{
    
BACKGROUND#b7b7b7;
    
BORDER-BOTTOM-COLOR#adadad
}
.
aw-rows-selected
{
    
BACKGROUNDgray!important;
}
.
aw-gecko .aw-grid-focus 
    
positionrelative
}
/*these are for a seperate context menu*/
.skin0{
    
position:absolute;
    
width:165px;
    
border:2px solid black;
    
background-color:cornsilk;
    
font-family:Verdana;
    
line-height:20px;
    
cursor:default;
    
font-size:14px;
    
z-index:100;
    
visibility:hidden;
}
.
menuitems{
    
padding-left:10px;
    
padding-right:10px;
}
</
STYLE
I think i saw something about this and padding but i cant seem to find where it was so how to fix it. i can post more code if needed.
Ryan Garabedian
Friday, August 1, 2008
not sure how solid this part is but it seems to only happen when i scroll up after this, scrolling down allows the grid to render fully???
Ryan Garabedian
Friday, August 1, 2008
Maybe this is related to Firefox not firing onresize events on div/span elements, so the grid does not know that its height has changed. Unfortunately for firefox you have to set the content size explicitly if you resize the grid after initialization -

obj.setStyle('height', h + 'px');
obj.setContentHeight(h - 4, "total");
Alex (ActiveWidgets)
Monday, August 4, 2008
worked great thanks
Ryan Garabedian
Monday, August 4, 2008

Post a reply:

Text:
Name:

Back to support forum

Forum search