table布局小实例

最新推荐文章于 2021-06-10 11:33:20 发布

rockethj8

最新推荐文章于 2021-06-10 11:33:20 发布

阅读量257

点赞数

分类专栏：技术类文章标签： EXT HTML

本文链接：https://blog.csdn.net/rockethj8/article/details/83777525

版权

技术类专栏收录该内容

36 篇文章 0 订阅

订阅专栏

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>