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
where size is the total size of the grid normally freakishly big unless it jsut has a few rows
CSS
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.
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,