Ext Table复合表头

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
  <title> New Document </title>
   <link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />
  <script type="text/javascript" src="../adapter/ext/ext-base.js"></script>
  <script type="text/javascript" src="../ext-all.js"></script>
 </head>

 <body>
    <script>

    Ext.onReady(drawTable);

    function drawTable(){
             var p = new Ext.Panel({
             title: 'column布局',
             width:500,
             height:100,
             layout:'column',//声明布局类型为column
             renderTo:'show',//填充到id为show的区域
             items: [{
                title: '列1',//标题
                html:'<p>列1内容</p>',
                //width:100,//采用固定像素宽度
                columnWidth: .25 //采用比例宽度,相当于百分比,总和为1,这里相当于25%,columnWidth总和必须为1
             },{
                title: '列2',
                html:'<p>列2内容</p>',
                //width:100,
                columnWidth: .25
             },{
                title: '列3',
                html:'<p>列3内容</p>',
                //width:300,
                columnWidth: .5
             }]
        });
    }
    </script>

  <div id='show'></div>
 </body>
 </html>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值