X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/0494b8d9b9bb03ab6c22b34dae81261e3cd7e3e6..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/examples/layout/table.js

diff --git a/examples/layout/table.js b/examples/layout/table.js
new file mode 100644
index 00000000..40b2440b
--- /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'
+        }]
+    });
+});