:: Forum >> Version 2 >>

Height Percentage Scroll Problems

I arranged my grid to be 100% height. The grid shows initially correctly, including the data, but when I scroll it doesn’t render data correctly. It shows half of the rows or just stays blank.

Original percent style:
#grid1 {width100%; height:100%}  If I change the height to px I works fine:
#grid1 {width100%; height:400px My code:
var table = new AW.XML.Table;
table.setURL(xxxxxx);
table.request();
var 
obj = new AW.Grid.Extended
obj.setId("grid1");
obj.setColumnCount(10);                    
var 
columns1 = ["Id""Nombre""Apellido", ........];    
obj.setHeaderText(columns1);
obj.setFixedLeft(3);
obj.setSelectorVisible(true);
obj.setSelectorWidth(25);
obj.setSelectorText(function(i){return this.getRowPosition(i)+1});        
obj.setCellModel(table);
obj.setSelectionMode("single-row");
document.write(obj);    
 
Any ideas???
Ruso Wyler
Tuesday, April 25, 2006
It sometimes happens when the grid is put inside html <table> tag. In this case adding style="table-layout:fixed" to the parent table tag(s) might help.
Alex (ActiveWidgets)
Tuesday, April 25, 2006
Alex,

It didn't work!
The strange thing is that changing from percent to a fixit height makes the grid to work perfect.

The problems is just when you scroll.
Please, take a look: http://test02.puertocity.com/aw/

I'm using: IE6 SP2
Ruso Wyler
Tuesday, April 25, 2006
ok, it seems that the solution is in the following CSS -

.aw-bars-content {
    
padding-bottom50px;
}
 
Alex (ActiveWidgets)
Tuesday, April 25, 2006
Just reposted with FF fix -

/javascript.forum.13672.0/fix-grid-does-not-scroll.html
Alex (ActiveWidgets)
Wednesday, April 26, 2006



This topic is archived.

Back to support forum

Forum search