Question

I have to draw a table with many columns. In order to make the table
fit into the screen, I have decided to print the column headings vertically.

How to implement a cross-browser solution for the output of vertical
headers? Browsers: IE6+, FF3.0+, Opera 9.5+, Chrome 4.0+

Answer 1

.tableClass th {

writing-mode: tb-rl;

filter: fliph() flipV();

}

For cross browser implementation use jQuery.
Have a look on this SO discussion.
Vertical text inside table headers using a JavaScript-based SVG library