Height

The height of the column headers can be set with setHeaderHeight() method.

obj.setHeaderHeight(40);

The similar method works for the footer row.

obj.setFooterHeight(30);

The footer row is hidden by default. Call setFooterVisible(true) to make it visible.

obj.setFooterVisible(true);

<script> var obj = new AW.UI.Grid; obj.setCellText("cell"); obj.setHeaderText("header"); obj.setFooterText("footer"); obj.setColumnCount(10); obj.setRowCount(10); // column header height obj.setHeaderHeight(40); // show footer and set footer height obj.setFooterVisible(true); obj.setFooterHeight(30); document.write(obj); </script>

With extended grid (AW.Grid.Extended) which allows multiple header/footer rows - use row index argument to specify the height of particular header/footer row.

obj.setHeaderCount(2);
obj.setHeaderHeight(40, 0); // header row-0
obj.setHeaderHeight(30, 1); // header row-1

<script> var obj = new AW.Grid.Extended; obj.setCellText("cell"); obj.setHeaderText("header"); obj.setFooterText("footer"); obj.setColumnCount(10); obj.setRowCount(10); obj.setHeaderCount(2); obj.setHeaderHeight(40, 0); // header row-0 obj.setHeaderHeight(30, 1); // header row-1 obj.setFooterVisible(true); obj.setFooterHeight(30); // all footer rows document.write(obj); </script>

See also

Selector (row header) width, show/hide headers
Class reference - header height, visible, count
Class reference - footer height, visible, count