How can I have a vertical text in datagrid header?

[Stefan B.]

It is possible to have a vertival text in some datagrid header columns? Also it must work with IE8.
We work with images to handle thios problem, but this is not so flexible 

[stworthy]

To rotate 270 degrees in IE, please try adding the following code to your stylesheet:

Code:

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

[Stefan B.]

Thx. This code works for modern browsers

Code:

.rotate {
	-webkit-transform: rotate(-90deg); /* Safari */
	-moz-transform: rotate(-90deg); /* Firefox */
	-ms-transform: rotate(-90deg); /* IE */
	-o-transform: rotate(-90deg); /* Opera */

	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

But on IE Browser < 10 we can only work with rotated images 

[thecyberzone]

But how can I apply this .rotation class to rotate datagrid header? means, how it will be applied ?

[Juan Antonio Martínez]

mmmhh.... some thing like:

Code:

<style>
/* rotacion de texto */
.datagrid-header-row td  {
	height:40px; /* need to be properly fixed */
	-webkit-transform: rotate(-90deg); /* Safari */
	-moz-transform: rotate(-90deg); /* Firefox */
	-ms-transform: rotate(-90deg); /* IE */
	-o-transform: rotate(-90deg); /* Opera */
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
</style>

but, still needs some work in proper header cells width/height :-)