extjs/build/examples/kitchensink/classic/samples/view/layout/Table.js

   1 /**
   2  * Demonstrates usage of a table layout.
   3  */
   4 Ext.define('KitchenSink.view.layout.Table', {
   5     extend: 'Ext.panel.Panel',
   6     requires: [
   7         'Ext.layout.container.Table'
   8     ],
   9     //<example>
  10     exampleTitle: 'Table Layout',
  11     //</example>
  12
  13     xtype: 'layout-table',
  14     width: 500,
  15     height: 400,
  16
  17     layout: {
  18         type: 'table',
  19         columns: 3,
  20         tableAttrs: {
  21             style: {
  22                 width: '100%'
  23             }
  24         }
  25     },
  26
  27     scrollable: true,
  28
  29     defaults: {
  30         bodyPadding: '15 20',
  31         border: true
  32     },
  33
  34     items: [
  35         {
  36             html: 'Cell A content',
  37             rowspan: 2
  38         },
  39         {
  40             html: 'Cell B content',
  41             colspan: 2
  42         },
  43         {
  44             html: 'Cell C content',
  45             cellCls: 'highlight'
  46         },
  47         {
  48             html: 'Cell D content'
  49         }
  50     ]
  51
  52 });