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>
<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>
分享到：
发表评论
-
ORACLE学习笔记1
2011-04-28 11:25 616查看表结构使用Oracle SQL * Plus 的DESCR ... -
String与StringBuffer传参的区别（2）
2011-03-26 13:41 669String与StringBuffer传参的区别（1）里写了一 ... -
String与StringBuffer传参的区别（1）
2011-03-26 11:57 833private void getValue(StringB ... -
鼠标移动表格行上行变色的JS脚本
2011-03-17 10:56 1217<body> <script> fu ... -
把数据导入到.CSV文件,用的是opencsv-1.8.jar框架
2011-03-16 15:05 2068public static void main(String[ ... -
javascript study web
2011-03-14 22:48 621very good -
javascript代码大全
2011-03-14 22:37 933javascript 的一些常用特效 -
关于js的一些基础知识
2011-01-13 14:31 578http://www.iteye.com/wiki/javas ... -
英文字母大写转小写
2011-01-04 11:46 774public static void main(String ... -
FileInputStream小例子(2)
2010-12-23 10:26 1246package IO; import java.io.Fil ... -
FileInputStream小例子(1)
2010-12-23 10:07 1679mport java.io.FileInputStream; ... -
用File类创建目录和文件
2010-12-22 16:45 1058import java.io.File; import jav ... -
File类小例子(二)
2010-12-22 14:48 661public class FileDown { publi ... -
File类小例子
2010-12-22 14:23 675import java.io.File; import jav ... -
JS正则表达式(4)--match()方法的使用
2010-12-16 16:53 930var match = /[A-Z]/g; //在整个字符串中 ... -
JS正则表达式(3)--replace()方法的使用
2010-12-16 11:27 655var str = "give me some su ... -
JS正则表达式(2)--exec()方法的使用
2010-12-16 10:01 717var myPC ="Ykf 890"; ... -
JS正则表达式(1)--test()方法的使用
2010-12-15 17:11 1285<script type="text/java ... -
xml文件
2010-12-10 16:26 647<?xml version="1.0" ... -
gridpanel之四简单小例子(用XML做为数据源)
2010-12-10 16:26 721<script type="text/java ...
相关推荐
Ext table布局实例 formpanel的table布局
DIV+CSS布局实例 浅谈网页制作中table与div方法布局网页框架的利和弊.pdf - 下载...
本文实例为大家解析了html5 div布局与table布局，供大家参考，具体内容如下 div布局：html+css实现简单布局。 #container中height不能写成百分数，必须为具体高度。 <!DOCTYPE html> <html> <head lang=...
页面布局实例 博文链接：https://hegz.iteye.com/blog/809571
Bootstrap 提供了一个清晰的创建表格的布局。...如果您想要一个只带有内边距（padding）和水平分割的基本表，请添加 class .table，如下面实例所示： <table class=table> 基本表格布局 <thead>
里面介绍了一个table转换为pdf文件的实例 还有生成pdf文件 并且直接显示在浏览器上 不过你的电脑上要装有adobe reader9 这样才能显示
ExtJs常用布局--layout详解实例代码: ExtJs常见的布局方式有：border、form、absolute、column、accordion、table、fit、card、anchor 另外，不常见的布局有：tab、vbox、hbox 具体使用方法可见该文件的案例代码。 ...
为了使应用程序布局显示不杂乱，添加了一个TableLayout表格布局文件管理器，其中页面的每一行是使用TableRow 来装控件。 其中，整个文件是采用TableLayout表格布局器布局，对于界面中要显示的每一行，采用TableRow...
代码如下:Ext.onReady(function(){ Ext.QuickTips.init(); //第一句的目的是为需要的元件提供提示信息功能，form的主要提示信息就是客户端验证的错误信息了。 Ext.form.Field.prototype.msgTarget = ‘under’;...
但是，我们所见到的 Web 页面按照一定的规则布局排版的（通常是多列的），所以就要借助一定的方法来实现这种布局，通常的解决方案是：使用区块元素 <div> 或 表格（<table>）来布局 Web 页面的内容。 使用表格进行...
先让我们来研究下table，那些年曾经使用的table布局为何如此辉煌荡漾呢？她的特点有哪些呢？抛弃table的兼容性、seo、加载等与本文无关的内容不谈，只看属性，那么就两个特点：1.同行等高。2.宽度自动调节。那么...
许多网页设计师都喜欢，将两个或者... 其实有个简单的方法，使用display:table, display:table-row and display:table-cell 就可以实现，而且高度小的容器会自适应那些高度相对较高的，但是IE不支持这个属性，我们先不
20 2.3 常用HTML控件 21 实例013 Input(Reset)控件实现重置功能 21 实例014 Table控件布局登录页面 22 实例015 Table控件布局DataList模板(职员信息) 23 实例016 Select控件实现联动效果...
例如下面的的布局，你需要用几个DIV来浮动？ 最合理的方法，就是使用表格来实现表格，经过 HeTingYi 的发布以及 goos 的简化，代码如下： 页面结构： <table cellspacing=1 cellpadding=0> 游客类别...
1.4 CSS布局与table布局的区别 1.4.1 CSS 2.0的优势 1.4.2 传统的table布局与CSS布局 1.5 向Web标准过渡 1.5.1 从HTML转向XHTML 1.5.2 发挥CSS 2.0的作用 1.6 常见问题 1.6.1 什么样的网站才符合Web标准 1.6.2 使用...
Java数据压缩与传输实例，可以学习一下实例化套按字、得到文件输入流、压缩输入流、文件输出流、实例化缓冲区、写入数据到文件、关闭输入流、关闭套接字关闭输出流、输出错误信息等Java编程小技巧。 Java数组倒置...
本书用作者学习的经历向你讲述了基本css语法,通过实例让读者了解如何来用DIV+CSS来替代传统的table布局 你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习： 第一种可能是你还没有...
1. 表格的一些样式 举例： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>My Test bootstrap<...table