ee3a84w
Thursday, January 8, 2009

Table Layout dosen't work right

  • Hi all,
    I want this layout
    +--------+-----------------+
    A B
    --------+--------
    C D
    --------+--------
    E F
    +--------+--------+--------+
    var table = new Ext.Panel({
    title: 'Table Layout',
    layout:'table',
    defaults: {
    // applied to each contained panel
    bodyStyle:'padding:20px'
    },
    layoutConfig: {
    // The total column count must be specified here
    columns: 3
    },
    items: [{
    html: '

    Cell A content

    ',
    rowspan: 3
    },{
    html: '

    Cell B content

    ',
    colspan: 2
    },{
    html: '

    Cell C content

    '
    },{
    html: '

    Cell D content

    '
    },{
    html: '

    Cell E content

    '
    },{
    html: '

    Cell F content

    '
    }]
    });
    But it displays like this:
    +--------+-----------------+
    A B
    --------+-----------------
    C D E
    --------+-----------------
    F
    +--------+--------+--------+

    How to solve it ? thanks


  • No, it should like this:

    ___________________________________
    A B
    __________________________
    C D
    __________________________
    E F
    ___________________________________


  • Why are you specifying 3 columns? Doesn't the example you've provided only have 2?


  • Have u looked at the DOM through Firebug? Is it generating the correct table tags (i.e. td and tr)? If so it could just be a styling issue with column sizes.

    If its not generating the correct table tags have a look at this post: http://extjs.com/forum/showthread.php?t=16526







  • #If you have any other info about this subject , Please add it free.#
    Your name:
    E-mail:
    Telphone:

    Your comments:


    If you have any other info about Table Layout dosen't work right , Please add it free.