WebGrid header text orient vertically instead of horizontally

The HTML rendered for the display of the HeaderText can be modified to reorient vertically by adding a DIV tag to the HeaderText of the column.

To show the HeaderText of a column vertically oriented you would need to modify the HeaderText of the column. As the UltraWebGrid eventually renders down as HTML, modification of the HTML elements, or adding new HTML elements as is the case in this sample, enhances the customizable look and feel of the UltraWebGrid.

This solution is based off of IE6+ and will render normally in most other browsers as the attributes on the DIV tag will be ignored.

e.Layout.Bands[0].Columns.FromKey("Active").HeaderText = "

" + e.Layout.Bands[0].Columns.FromKey("Active").HeaderText + "

"
e.Layout.Bands[0].Columns.FromKey("Active").Width = Unit.Pixel(10)