| 阿七 |
2006-04-04 09:52 |
行和列的跨越扩展、空单元格 y|Y hDO
K\$z,}0
有时简单的格子不足以表示表格中的数据，因而可能希望一些单元格跨越多个行或列。同样，也可能希望忽略表格中的一些单元格。 sJ|IW0Mr
rH [Eh8j,
QM'>)!8
第一个问题可以通过表格单元格的COLSPAN和ROWSPAN属性解决。这些属性指定了一个单元格占据多少行或列，它们的默认值是1。 6/Z 8/P L
(ce"ED`1
Zh_ P
也可以使用空单元格。如果一个单元格中除了空白没有其它内容，它就完全不显现，但在表格中还是为它分配位置。这时它叫作空单元格。同样，如果一行单元格数目比表格的列数目少，行的其余部分用空单元格填充。以下的表格演示了这些，我们使用BORDER属性使表格中单元格的边框显现出来： RueL~$*6.~
[?#-JIZ3T
<TABLE BORDER> (rSBzM] H
<TR> 66cPo
G
<TD COLSPAN=2>我占据两列</TD> ]j< &
:_
<TD>我是普通单元格</TD> dH0wVI<z
</TR> DJHE6XJ
<TR> U &y?3
<TD>我是普通单元格</TD> ; J8 25CE
<TD ROWSPAN=3 COLSPAN=2>我占据三行两列</TD> jI807g+
</TR> eh$T
3_#q
<TR> SL>0_
<TD></TD> Zh.[f+l]
</TR> oOK&+r7
<TR> :@+@vM;gh
<TD>我是普通单元格</TD> WK6|e
[iP
</TR> ?:sQ]S/Er
<TR> AN
-;*n<'
<TD>我是普通单元格</TD> 6w^Fee`>]
<TD>我是普通单元格</TD> \+sP<'~M
</TR> I?i,21:5
</TABLE>
|HB
I;Bci m;
L\X 2Olfz1
a]_e SU@
我占据两列 我是普通单元格 .=4k'99,
我是普通单元格 我占据三行两列 Tof H =d
4';(\42
我是普通单元格
NKb,>TO
我是普通单元格 我是普通单元格 {H% 1sI
`@|Kx\y4=j
0^rDf
L
行组 Q@/35 8.LA
G8_|w6
O* 7` Waag
就像列可以分成组一样，行也可以分成行组。每个表格可以有一个表头、一个表尾和一个或多个表体，分别以 THEAD、TFOOT和TBODY元素表示。 |#=4]]>m
} ~`l!ApD
T hSB\
通常，文档中它们的次序首先是THEAD，然后是TFOOT，然后是不同数目的TBODY。下面的表格使用了行组： |*W E@L5
Kwa$5q ZI
<TABLE> B7!dp`rP p
<THEAD> L@HWm;aN
<TR>
Gt;59}
<TD>Day</TD><TD>Month</TD><TD>Year</TD> ,a /<t"
<TD>Arnold</TD><TD>Bob</TD><TD>Carla</TD><TD>Daphne</TD><TD>Eric</TD> S
2SJFp
<TD>Total</TD><TD>Change</TD> +Qe&# "O0
</TR> B#U:6T y
</THEAD> qKd& d
<TFOOT> B> LL
*
<TR> E|fQbkfw
<TD COLSPAN=3>Total</TD> o|BEY3|
<TD>60</TD><TD>104</TD><TD>20</TD><TD>242</TD><TD>7</TD> ir ^XZVR
<TD>453</TD> vCh/%7+
</TR> 7xmif YC
</TFOOT> ;,yjkD[mWE
<TBODY> W;Ei>~E
<TR> n@Ar%%\
<TD>16</TD><TD>January</TD><TD>1999</TD> H_C X5=Nq^
<TD>34</TD><TD>56</TD><TD>12</TD><TD>144</TD><TD>5</TD> (NBq!;_2,x
<TD>251</TD><TD>+27</TD> ^1^mu c[
</TR> Tn7(A^h'
<TR> LiF(#OuZ
<TD>17</TD><TD>January</TD><TD>1999</TD> V=v7<I=
]
<TD>26</TD><TD>48</TD><TD>8</TD><TD>98</TD><TD>2</TD> (yx9ox@ rL
<TD>182</TD><TD>-69</TD> j%qBNoT ~
</TR>
jo_wBJKE
</TBODY> C<.Ny,U
</TABLE> ?Gq|OT 8
Tl9; KE|
`IQ76Xl
>;A7mi/
点击这里看此页面 2/c^3[ccR
JP t=~e(
6?3f+=e"~!
以上的例子和CSS组合使用时同样会使Navigator 4的一些版本崩溃，所以把它放在了一个单独的页面里。IE 4.x及其以上版本的用户可以在表格的结束位置看到表尾，这也是我们所希望的。而Navigator忽略行组，所以它以指定表格行的次序来显式各行。表尾应该指定在表格的实际数据之前，这样一来它就可以在下载表格的实际数据之前显示出来，因为表格可能有好几百行。而在实践中，一个好的做法是将表尾放在表格的结束位置，这样，不支持行组的浏览器(包括IE的早期版本)也能正确地显示表格。 |
|