前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >ExtJs学习笔记(17)_table布局

ExtJs学习笔记(17)_table布局

作者头像
菩提树下的杨过
发布2018-01-24 15:29:39
6920
发布2018-01-24 15:29:39
举报

table布局顾名思义,就是象table表格一样的布局

代码语言:js
复制
<script type="text/javascript">

    Ext.onReady(function() {

        var win = new Ext.Window({

            title: "table Layout",

            height: 210,

            width: 290,

            plain: true,

            bodyStyle: 'padding:15px',

            layout: 'table',

            layoutConfig: {

                columns: 3

            },

            defaults:{width:80,height:50},

            items: 

            [

                { html: '1,1(rowspan=3)', rowspan: 3 ,height:150},

                { html: '1,2'},

                { html: '1,3' },

                { html: '2,2(colspan=2)', colspan: 2, width: 160 },

                { html: '3,2' },

                { html: '3,3' }

            ]



        });

        win.show();

    });

</script>

转载请注明来自"菩提树下的杨过"

个人感觉,这个布局用处不大,真需要table的时候,我直接在html属性里,写上table标签就可以了,不用这么麻烦

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2008-09-02 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档