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
    1
    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,650
    Answers
    616
    Vote Rating
    402
    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
    1
    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
    41
    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
    41
    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

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar