table布局小实例

Table布局由类Ext.layout.TableLayout定义,名称为table,该布局负责把容器中的子元素按照类似普通html标签
<script type="text/javascript">
Ext.onReady(function(){
var p = new Ext.Panel({
     renderTo:'hello',
     title:'table',
     width:500,
     height:200,
     layout:'table',
     layoutConfig:{columns:3},
     items:[
     {title:'one',html:'one is ok',rowspan:2,height:100},
     {title:'two',html:'two is ok',colspan:2},
     {title:'three',html:'three is ok'},
     {title:'four',html:'four is ok'}
     ]
});
});
    </script>
  </head>
 
  <body>
   
    <div id="hello"></div>
  </body>
</html>

你可能感兴趣的:(html,ext)