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,501
    Vote Rating
    47
    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,501
    Vote Rating
    47
    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,501
    Vote Rating
    47
    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

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi