1. #1
    Ext User
    Join Date
    Aug 2008
    Posts
    107
    Vote Rating
    0
    bhaskar1605 is on a distinguished road

      0  

    Default displaying grid header in two lines

    displaying grid header in two lines


    Hi,

    How to display grid column header in two lines instead of single line.


    Thanks,
    Bhaskar.

  2. #2
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,496
    Vote Rating
    44
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    Tried putting <br/> in your header?

  3. #3
    Ext User
    Join Date
    Aug 2008
    Posts
    107
    Vote Rating
    0
    bhaskar1605 is on a distinguished road

      0  

    Default


    Thnks, Already i have tried putting <br/> , but im getting white color row on the top of the entire heading row because of putting <br/>.

  4. #4
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,496
    Vote Rating
    44
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    It works fine for me. I just changed the array-grid.js example to have

    Code:
                {header: "Last<br/>Updated", width: 85, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'}
    And it showed it across 2 lines.

  5. #5
    Ext User
    Join Date
    Aug 2008
    Posts
    107
    Vote Rating
    0
    bhaskar1605 is on a distinguished road

      0  

    Default


    I have attached , what i am getting the headers error.
    Attached Files

  6. #6
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,496
    Vote Rating
    44
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    I can JUUUST make out from that tiny, blurry image that you are doing something non-standard.

    It's up to you really, it's just HTML, so if you want a line break, put a line break in.

    We need to see your code to see what you are doing.

  7. #7
    Sencha User
    Join Date
    Mar 2008
    Location
    Berlin
    Posts
    25
    Vote Rating
    0
    madmaxmatze is on a distinguished road

      0  

    Default Right aligned

    Right aligned


    The <br> workaround works fine (I'm using Extjs 4.0)

    The header just looks strange if the column is right aligned and sorting is used. Do you have a solution for this?

Thread Participants: 2