Headers text rotate

[nniicc]

Hi,

im using a grid(3.0) with column grouping and i'd like to know if its possible to rotate the 2nd headers 90° so the text are upright, example grid:



is it possible to this with the api or by changing some css?

How i'd like it:

[paramvir]

It can be done with help of css transform rule.

.pq-grid-col-leaf > div{
    -ms-transform: rotate(xdeg); /* IE 9 */
    -webkit-transform: rotate(xdeg); /* Chrome, Safari, Opera */
    transform: rotate(xdeg);
}

[nniicc]

Hey, yes i have already tried the transform css rule, but then only rotates the texts, since some will be longer then others the text will not be visible for display



Thanks for the answer but i would need to change the height for the 2nd row headers so all the text would fit without any line breaks