| 阿七 |
2006-04-04 09:52 |
行和列的跨越扩展、空单元格 I8*_\Ez
Z$qLY<aV
有时简单的格子不足以表示表格中的数据，因而可能希望一些单元格跨越多个行或列。同样，也可能希望忽略表格中的一些单元格。 #{-l(016y
OV<'v%_&
^0oOiZs
第一个问题可以通过表格单元格的COLSPAN和ROWSPAN属性解决。这些属性指定了一个单元格占据多少行或列，它们的默认值是1。 "+SnHpNx
`M0m`Up
H@ab]&
也可以使用空单元格。如果一个单元格中除了空白没有其它内容，它就完全不显现，但在表格中还是为它分配位置。这时它叫作空单元格。同样，如果一行单元格数目比表格的列数目少，行的其余部分用空单元格填充。以下的表格演示了这些，我们使用BORDER属性使表格中单元格的边框显现出来： 4%k{vo5i
AlZ] UGf^
<TABLE BORDER> N %;bV@A9
<TR> &y\7pAT\
<TD COLSPAN=2>我占据两列</TD> 9j'(T:Zs
<TD>我是普通单元格</TD> B?b dHO:E~
</TR> h = <x%sie
<TR> |HT5G=dw
<TD>我是普通单元格</TD>
]7+9>V
<TD ROWSPAN=3 COLSPAN=2>我占据三行两列</TD> K+HP2 |#6
</TR> <L!9
as]w
<TR> 2%!yV~Z
<TD></TD> Fa ]|Y
</TR> 'YFy6rds
<TR> =Oyn<
<TD>我是普通单元格</TD> @Z}TF/Rx4
</TR> ,,}&
Q%5
<TR> eMHBY6<~=
<TD>我是普通单元格</TD> (^!$m7
<TD>我是普通单元格</TD> H6o_*Y
</TR> 7+'&(^c
</TABLE> >6X$iBb0
~<.%sVwE
}Od =WQv+
2E 0A`
我占据两列 我是普通单元格 {TOz}=R"3h
我是普通单元格 我占据三行两列 s:/Wz39SY3
m#Y[EPF=|
我是普通单元格 6<t<hP_3O
我是普通单元格 我是普通单元格 (fqU73
FE=vUQXE2
->9waXRDz)
行组 ;owU]Xk%8K
Y@ l>4q")
VX6M4<8
就像列可以分成组一样，行也可以分成行组。每个表格可以有一个表头、一个表尾和一个或多个表体，分别以 THEAD、TFOOT和TBODY元素表示。 q.:j
yj6
+*`>7m<^
E51'TT9
通常，文档中它们的次序首先是THEAD，然后是TFOOT，然后是不同数目的TBODY。下面的表格使用了行组： hd>_K*oH
W F_24Mw
<TABLE> kN g{
<THEAD> bbG!Fg=qQ?
<TR> 6[T)Q ^0`
<TD>Day</TD><TD>Month</TD><TD>Year</TD>
M2Zk1Z
<TD>Arnold</TD><TD>Bob</TD><TD>Carla</TD><TD>Daphne</TD><TD>Eric</TD> n2N:rP
<TD>Total</TD><TD>Change</TD> D6fGr$(N%
</TR> dTVh{~/
</THEAD> Ae8P'FWB>
<TFOOT> ijeas<
<TR>
5E!Wp[^
<TD COLSPAN=3>Total</TD> 9jJ:T$}
<TD>60</TD><TD>104</TD><TD>20</TD><TD>242</TD><TD>7</TD> F7&Oc)f"B
<TD>453</TD> zwgO|Qg;
</TR> \=
G8
</TFOOT> 9xRor <
<TBODY> Gj- *D7X5
<TR> ?'mi6jFFh
<TD>16</TD><TD>January</TD><TD>1999</TD> mNQ*YCq.
<TD>34</TD><TD>56</TD><TD>12</TD><TD>144</TD><TD>5</TD> ?{(Jy*
<TD>251</TD><TD>+27</TD> !glGW[r/7
</TR> @u 1mC\ G
<TR> i{MzQE+_^
<TD>17</TD><TD>January</TD><TD>1999</TD> ` 7jdV
<TD>26</TD><TD>48</TD><TD>8</TD><TD>98</TD><TD>2</TD> Stk'|-z
<TD>182</TD><TD>-69</TD> ^~DClZ
</TR> Q N8.FiiD
</TBODY> gPY Cw?zQ
</TABLE> V~4yS 4
.ZVo0
a3B^RbDP&8
X0BB J( e
点击这里看此页面 [' cq
(T8dh|
1J[|Ow
以上的例子和CSS组合使用时同样会使Navigator 4的一些版本崩溃，所以把它放在了一个单独的页面里。IE 4.x及其以上版本的用户可以在表格的结束位置看到表尾，这也是我们所希望的。而Navigator忽略行组，所以它以指定表格行的次序来显式各行。表尾应该指定在表格的实际数据之前，这样一来它就可以在下载表格的实际数据之前显示出来，因为表格可能有好几百行。而在实践中，一个好的做法是将表尾放在表格的结束位置，这样，不支持行组的浏览器(包括IE的早期版本)也能正确地显示表格。 |
|