3.2.0

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 {width: 100%; height:100%}


If I change the height to px I works fine:
#grid1 {width: 100%; 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
April 25,
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)
April 25,
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
April 25,
ok, it seems that the solution is in the following CSS -

.aw-bars-content {
    padding-bottom: 50px;
}


Alex (ActiveWidgets)
April 25,
Just reposted with FF fix -

http://www.activewidgets.com/javascript.forum.13672.0/fix-grid-does-not-scroll.html
Alex (ActiveWidgets)
April 26,

This topic is archived.

See also:


Back to support forum