3.2.0

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))
                h = document.documentElement.clientHeight;
            else
                h = document.body.clientHeight;
        }
        else	//w3c
            h = 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-RIGHT: 3px! important
}
.aw-strict .aw-grid-row
{
    PADDING-BOTTOM: 3px! important
}
.aw-grid-cell
{
    BORDER-RIGHT: black 1px solid;
    FONT-SIZE: 12px;
    LINE-HEIGHT: 18px;
    BORDER-BOTTOM: black 1px solid
}
.aw-grid-header .aw-item-text
{
    VERTICAL-ALIGN: bottom
}
.aw-grid-cell .aw-item-text
{
    VERTICAL-ALIGN: top
}
.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
{
    BACKGROUND: gray!important;
}
.aw-gecko .aw-grid-focus { 
    position: relative; 
}
/*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
August 1,
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
August 1,
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)
August 4,
worked great thanks
Ryan Garabedian
August 4,

This topic is archived.

See also:


Back to support forum