案例:Extjs案例     状态:可编辑再运行    进入竖版
 运行结果 
AخA
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
   <link href="//cdn.bootcss.com/extjs/6.2.0/classic/theme-classic/resources/theme-classic-all.css" rel="stylesheet" />
5
   <script type="text/javascript" src="//cdn.bootcss.com/extjs/6.2.0/ext-all.js"></script>
6
   <script type="text/javascript">
7
      Ext.onReady(function() {
8
         Ext.create('Ext.container.Container', {
9
            renderTo : Ext.getBody(),
10
            layout : {
11
               type :'table',
12
               columns : 3,
13
               tableAttrs: {
14
                  style: {
15
                     width: '100%'
16
                  }
17
               }               
18
            },
19
            width:600,
20
            height:200,
21
            items : [{
22
               title : 'Panel1',
23
               html : 'This panel has colspan = 2',
24
               colspan :2
25
            },{
26
               title : 'Panel2',
27
               html : 'This panel has rowspan = 2',
28
               rowspan: 2
29
            },{
30
               title : 'Panel3',
31
               html : 'This  s panel 3'
32
            },{
33
               title : 'Panel4',
34
               html : 'This is panel 4'
35
            },{
36
               title : 'Panel5',
37
               html : 'This is panel 5'
38
            }]
39
         });
40
      });
41
   </script>
42
</head>
43
<body>
44
</body>
45
</html>