text wrap in head

How do I get the text to wrap in the column headers?

Unfortunately I don't have an easy solution for this. There is a bug in IE which makes it very complicated. I will see if I can find a workaround.

A,

The grid is great! Regards on it's functionality.

I've tried a couple of things with overflow:visible, but with terrible results.

Thanks for the help,

Tim

The problem comes from the need to apply 'white-space:nowrap' to the parent element (headers list). After that even if you use 'white-space:normal' for the header box itself - it does not work.

How come you can't force it to wrap by putting in <br> tags?

Well, <br> tags work fine.

I can't seem to get the <br> tags to work. I'm storing the column header values in a javascript array and making the column header height taller... It won't display any of the text after the <br> tag??

var myColumns = [
    "Name",
    "Salary Grade<br>(as of 11/01)",
    "2004 MAP",
    "Blended<br>Unit Rating",
    "Incv Salary<br>(as of 11/01)",
    "Target %",
    "Target<br>Amount",
    "Incv<br>Record(s)",
    "Stock<br>Awd Range",
    "Stock<br>Record(s)",
    "Stock<br>Data"
];

obj.setColumnProperty("text", function(i){return myColumns[i]});

obj.setColumnHeaderHeight("40px");

Thanks