[HTML表格]3.表格嵌套

1)width--表格的宽度(px %)

若不设置,则取决内容的宽度。

2)align--表格的水平对齐方式(left center right)

3)border--表格边框的宽度(px)

4)bgcolor--表格的背景颜色(rgb(x,x,x) #xxxxxx colorname)

5)cellspacing--单元格之间的空白(px %)

6)cellpadding--单元格和内容之间的空白(px %)

7)frame--外侧边框

(void-不显示 above-显示上部 below-显示下部 hsides-显示上下 vsides-显示左右 lhs-显示左边 rhs-显示右边 box-显示四边 border-显示四边)

注意：box和border无区别,只是彼此的别名。

8)rules--内侧边框

(none-无线条 groups-位于行组和列组之间 rows-位于行 cols-位于列 all-位于行和列)

注意：groups与none显示一致

1)<tr>与<td>与<th>的属性

align-水平对齐(left center right justify char)

注意：

justify指两端对齐

char指按照字符对齐,需要指定char="字符内容"

valign-垂直对齐(top middle bottom baseline)

注意：

baseline指在四线格写小写x时底部的线

bgcolor-背景颜色(rgb(x,x,x) #xxxxxx colorname)

2)<td>与<th>补充属性

width-单元格的宽度(px %)

height-单元格的高度(px %)

3)<thead><tbody><tfoot>的属性

align-水平对齐(left center right justify char)

valign-垂直对齐(top middle bottom baseline)

1)跨列属性colspan

只需要在对应的td标签中添加colspan属性,并删除当前行中多余的列。

2)跨行属性rowspan

只需要在对应的td标签中添加rowspan属性,并删除相对应行中多余的列。

1)嵌入的表格必须是完整的表格结构

2)嵌入的表格要放到<td>标签中,因为<td>是表格的最小单位。

只能这么办。写两个标签，像这样：<div id="form"><div id="field1"></div>在第一个div上创建一个form。var form = new ext.form.form(config)form .render("form")form里不要add任何东西，然后直接创建你的datafield,var field1 = new Ext.form.DataField(config)直接把这个field渲染到你的div上，field1.render("field1")看看效果，如果不行，再加上几句，像这样，form.getEl().setStyle(visibility,"hidden") 总结一下，就是拆开组件和form的关系，把form的渲染和组件的渲染完全分开。

---