1. #1
    Ext User
    Join Date
    Aug 2010
    Posts
    3
    Vote Rating
    0
    jawahar_prasad is on a distinguished road

      0  

    Question How To Wrap Grid Column Header Text ?

    How To Wrap Grid Column Header Text ?


    Hello

    Is there a way to Wrap Grid Column Header Text(Break to new line based on the column width) ?


    Regards.

  2. #2
    Software Architect
    Join Date
    Sep 2007
    Posts
    13,691
    Vote Rating
    107
    sven is just really nice sven is just really nice sven is just really nice sven is just really nice

      0  

    Default


    You will need to enable word wrapping with an css override. probably more changes are needed. I would take a look at it with firebug to see which rule you need to override

  3. #3
    Sencha User
    Join Date
    Apr 2008
    Posts
    9
    Vote Rating
    0
    WhiteRussian is on a distinguished road

      0  

    Default


    looks like this is a .x-grid3-hd-inner css class. I change 'white-space' from 'nowrap' to 'normal' and it works!

    Code:
    .x-grid3-hd-inner {
         overflow: hidden;
         padding: 3px 3px 3px 5px;
         white-space: normal;
    }

Similar Threads

  1. [UNKNOWN][3.0.3] grid column header with no text
    By dolittle in forum Ext 3.x: Bugs
    Replies: 3
    Last Post: 18 Dec 2009, 2:48 AM
  2. Replies: 0
    Last Post: 25 Oct 2009, 11:27 PM
  3. Removing header text from grid column
    By rahulmca1@gmail.com in forum Ext 1.x: Help & Discussion
    Replies: 7
    Last Post: 19 Mar 2007, 9:29 PM