Layout

Extended grid allows to fix ('freeze') one or more columns from the left or right sides of the grid (one is fixed by default).

var obj = new AW.Grid.Extended;
obj.setFixedLeft(3); // fix 3 left columns
obj.setFixedRight(1); // fix 1 right columns

Extended grid also allows several rows of headers and footers.

var obj = new AW.Grid.Extended;
obj.setHeaderCount(3);
obj.setFooterCount(2);
obj.setFooterVisible(true);

Both grids also allow changing the appearance of the headers, footers and row selectors.

obj.setHeaderTemplate(new AW.Templates.Checkbox, 1);

Row selectors are hidden by default. To display row number in the selector enable them with setSelectorVisible method, set size with setSelectorWidth and assign the row number calculated from row position property.

obj.setSelectorVisible(true);
obj.setSelectorWidth(28);
obj.setSelectorText(function(i){return this.getRowPosition(i)+1});