Grid Header in two rows

[v.madhu]

Hello,
I am using ExtJS GridPanel. The columns in the grid are little bit long. So i want to wrap column headers in two rows. Is there any option available?
Thanks in advance

[mankz]

If I understand you correctly, just find the node containing the text and then apply a property to the cell class:


.x-grid3-cell-inner, .x-grid3-hd-inner
{
white-space:normal;
}

[v.madhu]

Thanks for your reply. I found a problem in that. It is not only wrapping the header. It is wrapping the content too. Do we have option only to wrap only the "Column Header" ?

[mankz]

My bad, didn't read what I posted :). Should be


.x-grid3-hd-inner
{
white-space:normal;
}