Upgrade to ExtJS 4.0.0 - Released 04/26/2011

[extjs.git] / examples / layout / table.js

diff --git a/examples/layout/table.js b/examples/layout/table.js
new file mode 100644 (file)
index 0000000..40b2440
--- /dev/null
+++ b/examples/layout/table.js
@@ -0,0 +1,68 @@
+Ext.onReady(function() {
+    var panel = Ext.create('Ext.Panel', {
+        id:'main-panel',
+        baseCls:'x-plain',
+        renderTo: Ext.getBody(),
+        layout: {
+            type: 'table',
+            columns: 3
+        },
+        // applied to child components
+        defaults: {frame:true, width:200, height: 200},
+        items:[{
+            title:'Item 1'
+        },{
+            title:'Item 2'
+        },{
+            title:'Item 3'
+        },{
+            title:'Item 4',
+            width:410,
+            colspan:2
+        },{
+            title:'Item 5'
+        },{
+            title:'Item 6'
+        },{
+            title:'Item 7',
+            width:410,
+            colspan:2
+        },{
+            title:'Item 8',
+            rowspan: 2,
+            height: 410
+        },{
+            title:'Item 9'
+        },{
+            title:'Item 10'
+        },{
+            title:'Item 11',
+            rowspan: 2,
+            height: 410
+        },{
+            title:'Item 12'
+        },{
+            title:'Item 13'
+        },{
+            title:'Item 14',
+            rowspan: 2,
+            height: 410
+        },{
+            title:'Item 15'
+        },{
+            title:'Item 16'
+        },{
+            title:'Item 17',
+            rowspan: 2,
+            height: 410
+        },{
+            title:'Item 18',
+            width:410,
+            colspan:2
+        },{
+            title:'Item 19'
+        },{
+            title:'Item 20'
+        }]
+    });
+});