Hi,
One possible solution:
1. CustomCSS:
.grid-header-vertical .x-column-header-text {
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
/* transform doesn't work on inline elements */
display: inline-block;
/* need to hard code a height for this to work */
/* you could use Ext.util.TextMetrics if you needed to dynamically determine the text size */
height: 40px;
}
.x-ie8 .grid-header-vertical .x-column-header-text {
/* IE8 doesn't have css transform */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
2.
function reconfigure(sender, store, columns, oldStore, oldColumns, eOpts)
{
columns[1].addCls('grid-header-vertical');
}