add extjs 6.0.1 sources

[extjs.git] / extjs / examples / kitchensink / classic / samples / view / layout / Table.js

/**\r
 * Demonstrates usage of a table layout.\r
 */\r
Ext.define('KitchenSink.view.layout.Table', {\r
    extend: 'Ext.panel.Panel',\r
    requires: [\r
        'Ext.layout.container.Table'\r
    ],\r
    //<example>\r
    exampleTitle: 'Table Layout',\r
    //</example>\r
\r
    xtype: 'layout-table',\r
    width: 500,\r
    height: 400,\r
\r
    layout: {\r
        type: 'table',\r
        columns: 3,\r
        tableAttrs: {\r
            style: {\r
                width: '100%'\r
            }\r
        }\r
    },\r
\r
    scrollable: true,\r
    \r
    defaults: {\r
        bodyPadding: '15 20',\r
        border: true\r
    },\r
    \r
    items: [\r
        {\r
            html: 'Cell A content',\r
            rowspan: 2\r
        },\r
        {\r
            html: 'Cell B content',\r
            colspan: 2\r
        },\r
        {\r
            html: 'Cell C content',\r
            cellCls: 'highlight'\r
        },\r
        {\r
            html: 'Cell D content'\r
        }\r
    ]\r
\r
});