PDA

View Full Version : Grid Header in two rows



v.madhu
5 Nov 2009, 2:11 AM
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
5 Nov 2009, 2:19 AM
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
5 Nov 2009, 2:55 AM
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
5 Nov 2009, 3:21 AM
My bad, didn't read what I posted :). Should be


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