:: Forum >>

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
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-bottom: 50px;
}


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

http://www.activewidgets.com/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