1. #1
    Sencha User
    Join Date
    Aug 2012
    Posts
    9
    Vote Rating
    0
    pratapk is on a distinguished road

      0  

    Default Unanswered: Colspan for grid header column in ext js 4.0

    Unanswered: Colspan for grid header column in ext js 4.0


    Hi,

    Colspan for grid header column in ext js 4.0...below is my requirement , can some one throw light on it.

    Column1 Column2
    Test1 Test2 Test5
    Test3 Test3 Test6

  2. #2
    Sencha User
    Join Date
    Mar 2012
    Posts
    19
    Vote Rating
    2
    WendyLG is on a distinguished road

      0  

    Default


    you could combine the 2 columns to make one, or try using a Ext.grid.column.Type

  3. #3
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    8,927
    Answers
    656
    Vote Rating
    443
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    Have you seen the grouping example:
    http://dev.sencha.com/deploy/ext-4.1...ader-grid.html

    There will be a parent header for sub columns.

  4. #4
    Sencha User
    Join Date
    Aug 2012
    Posts
    9
    Vote Rating
    0
    pratapk is on a distinguished road

      0  

    Default


    Thanks for input , i have gone through the group header , which is not case for my requirment. I need colspan.

  5. #5
    Sencha User
    Join Date
    Mar 2012
    Posts
    19
    Vote Rating
    2
    WendyLG is on a distinguished road

      0  

    Default


    if you did a group but didn't give the columns headers wouldn't that be the same effect?

  6. #6
    Sencha User
    Join Date
    Aug 2012
    Posts
    9
    Vote Rating
    0
    pratapk is on a distinguished road

      0  

    Default


    I think both are not same , even if i give empty for sub headers , i will be getting seperator and more over look and feel will be different.

  7. #7
    Sencha User
    Join Date
    May 2011
    Location
    Ukraine, Rivne
    Posts
    247
    Answers
    44
    Vote Rating
    42
    redraid has a spectacular aura about redraid has a spectacular aura about redraid has a spectacular aura about

      0  

    Default


    Try this:
    css:
    Code:
    .hide-sub-headers .x-group-sub-header {
        display: none;
    }
    ​
    js:
    Code:
    Ext.create('Ext.data.Store', {
        storeId:'simpsonsStore',
        fields:['name', 'email', 'phone'],
        data:{'items':[
            { 'name': 'Lisa',  "email":"lisa@simpsons.com",  "phone":"555-111-1224"  },
            { 'name': 'Bart',  "email":"bart@simpsons.com",  "phone":"555-222-1234" },
            { 'name': 'Homer', "email":"home@simpsons.com",  "phone":"555-222-1244"  },
            { 'name': 'Marge', "email":"marge@simpsons.com", "phone":"555-222-1254"  }
        ]},
        proxy: {
            type: 'memory',
            reader: {
                type: 'json',
                root: 'items'
            }
        }
    });
    
    Ext.create('Ext.grid.Panel', {
        title: 'Simpsons',
        store: Ext.data.StoreManager.lookup('simpsonsStore'),
        columns: [
            { header: 'Name',  dataIndex: 'name'},
            { header: 'Group', cls: 'hide-sub-headers',
    columns: [
                { header: 'Email', dataIndex: 'email'},
                { header: 'Phone', dataIndex: 'phone'}
            ]}        
        ],
        height: 200,
        width: 400,
        renderTo: Ext.getBody()
    });​
    example: http://jsfiddle.net/afXb4/1/

  8. #8
    Sencha User
    Join Date
    Aug 2012
    Posts
    9
    Vote Rating
    0
    pratapk is on a distinguished road

      0  

    Default


    Hi Redraid,

    Thanks for the solution which will solve my issue.

  9. #9
    Sencha User
    Join Date
    Aug 2012
    Posts
    9
    Vote Rating
    0
    pratapk is on a distinguished road

      0  

    Default


    Hi Redraid ,
    But there is additional column with empty header , is there any to remove it.

  10. #10
    Sencha User
    Join Date
    May 2011
    Location
    Ukraine, Rivne
    Posts
    247
    Answers
    44
    Vote Rating
    42
    redraid has a spectacular aura about redraid has a spectacular aura about redraid has a spectacular aura about

      0  

    Default


    Please edit my jsfiddle example with yours changes to show me your problem

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