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,971
    Vote Rating
    132
    sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light

      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

Thread Participants: 2