| 阿七 |
2006-04-04 09:52 |
行和列的跨越扩展、空单元格 m
%$z&<!
NBR6$n
有时简单的格子不足以表示表格中的数据，因而可能希望一些单元格跨越多个行或列。同样，也可能希望忽略表格中的一些单元格。 aho;HM$hjP
q0
:L b
5( lE$&
第一个问题可以通过表格单元格的COLSPAN和ROWSPAN属性解决。这些属性指定了一个单元格占据多少行或列，它们的默认值是1。 AjaG .fa]k
J!
>HT'M
B7TA:K
也可以使用空单元格。如果一个单元格中除了空白没有其它内容，它就完全不显现，但在表格中还是为它分配位置。这时它叫作空单元格。同样，如果一行单元格数目比表格的列数目少，行的其余部分用空单元格填充。以下的表格演示了这些，我们使用BORDER属性使表格中单元格的边框显现出来： f{l g{gA(
O!z H5
<TABLE BORDER> kRskeMr:Rd
<TR> /40Z-'Bl=(
<TD COLSPAN=2>我占据两列</TD> pN&D pz^
<TD>我是普通单元格</TD> DT(A ~U<y
</TR> PDX^MYoN
<TR> ]?^m;~MQZ
<TD>我是普通单元格</TD> 6 Pl$DSu
<TD ROWSPAN=3 COLSPAN=2>我占据三行两列</TD> !1dCk/D&)8
</TR> s_ K:h
<TR> SMgf(N3]
<TD></TD> !:`QX\Ux
</TR> E/LR(d_
<TR> IZ3w.:A
<TD>我是普通单元格</TD> D(}v`q{Y
</TR> suaTXKjyk+
<TR> _=j0Y=/IF
<TD>我是普通单元格</TD> rO 6oVz#x
<TD>我是普通单元格</TD> L]k Sj$ A
</TR>
F[115/
</TABLE> fT/;TK>z>
,/|"0$
p2x
J`uV $l:
//>f#8 Ho
我占据两列 我是普通单元格 `p m6 Ts{,
我是普通单元格 我占据三行两列 a7nbGqsx
A"#Gg7]tl'
我是普通单元格 zhKb|SV
我是普通单元格 我是普通单元格 (m=-oQ&Ro
sk $MJSE
~
1'R]An BV
行组 RXb+"/
d "Hh9 O}6
B@A3T8'
就像列可以分成组一样，行也可以分成行组。每个表格可以有一个表头、一个表尾和一个或多个表体，分别以 THEAD、TFOOT和TBODY元素表示。 G TNN4
YT}m
8Y
t@ >
Uc`%
通常，文档中它们的次序首先是THEAD，然后是TFOOT，然后是不同数目的TBODY。下面的表格使用了行组： HzF
41^+ T<+
<TABLE> =\ iV=1iB
<THEAD> : 7<spd(%"
<TR> {2}O\A
<TD>Day</TD><TD>Month</TD><TD>Year</TD> \d2Ku10v[
<TD>Arnold</TD><TD>Bob</TD><TD>Carla</TD><TD>Daphne</TD><TD>Eric</TD> *ELbz}Q
<TD>Total</TD><TD>Change</TD> b/Z=FS2T
</TR> T'
% TMA
</THEAD> GP
<A v1
<TFOOT> /=*h\8c~
<TR> 8Sd<!
<TD COLSPAN=3>Total</TD> {k %*j 4
<TD>60</TD><TD>104</TD><TD>20</TD><TD>242</TD><TD>7</TD> Jv %, v?
<TD>453</TD> b<P9@h~:
</TR> $5jQm,V$K
</TFOOT> IKMkpX! ]
<TBODY> HJo&snT3
<TR> Jajo!X*Wai
<TD>16</TD><TD>January</TD><TD>1999</TD> o|* ao2a
<TD>34</TD><TD>56</TD><TD>12</TD><TD>144</TD><TD>5</TD> [`BMi- WQ
<TD>251</TD><TD>+27</TD> CH[U.LJQ-O
</TR> 'X d_8.
<TR> 6oMU) DIa
<TD>17</TD><TD>January</TD><TD>1999</TD> oDogM`T`
<TD>26</TD><TD>48</TD><TD>8</TD><TD>98</TD><TD>2</TD> rG|lRT3-K
<TD>182</TD><TD>-69</TD> _dky+ E
</TR> h.d-a/
</TBODY> r: ]t9y>$<
</TABLE> %nk]zf..
``$Dgj[
SR)G!9z_/
{AUhF}O
点击这里看此页面 VW: WB.K$
.<%2ON_
?~X*\
以上的例子和CSS组合使用时同样会使Navigator 4的一些版本崩溃，所以把它放在了一个单独的页面里。IE 4.x及其以上版本的用户可以在表格的结束位置看到表尾，这也是我们所希望的。而Navigator忽略行组，所以它以指定表格行的次序来显式各行。表尾应该指定在表格的实际数据之前，这样一来它就可以在下载表格的实际数据之前显示出来，因为表格可能有好几百行。而在实践中，一个好的做法是将表尾放在表格的结束位置，这样，不支持行组的浏览器(包括IE的早期版本)也能正确地显示表格。 |
|