DataGrid with Slanted Headers

[Mark Oueis]

I've got a tough question.

I'm looking to have a data grid with many columns, most of which are
custom columns. To make room for all that i would like to have slanted
headers, headers that are not completely verticle, but slightly
slanted to the right. If anyone has another way of showing many
columns on one page without using slanted headers, i would be open to
suggestions.

But meanwhile, how would i do that? Currently i have the headers
slanted using IE's matrix transformations functions and the headers
absolutely positioned. It works but its such a hack and so increadibly
hoky, i'm dying to find another way. I can never get them to align
properly, and formatting the headers doesn't work right. It is such a
pain.

Help!

Mark

 

[Sylvain Lafontaine]

When you want to mix absolute positioning with a table, the best way is to
include each Absolute DIV inside a Relative DIV with top and left value of
0:

<div style="position=relative; left=0; top=0" >
<div style="position=absolute; left= ...."> blablablah </div>
</div>

Otherwise, IE won't take account of the size of your absolute DIV when
calculating the size of each column of the table or the relative positioning
between the table and the absolute DIV; hence your trouble with formatting
the headers.

Probably, the best solution for your case would be to use images.

S. L.