| 阿七 |
2006-04-04 09:52 |
行和列的跨越扩展、空单元格 NS+u i y
7~ZG"^k
有时简单的格子不足以表示表格中的数据，因而可能希望一些单元格跨越多个行或列。同样，也可能希望忽略表格中的一些单元格。 m7 XN6zX
&hi] [Pt
wN6sica|
第一个问题可以通过表格单元格的COLSPAN和ROWSPAN属性解决。这些属性指定了一个单元格占据多少行或列，它们的默认值是1。 mUR[;;l
O8r d*+
sk0/3X*Q%
也可以使用空单元格。如果一个单元格中除了空白没有其它内容，它就完全不显现，但在表格中还是为它分配位置。这时它叫作空单元格。同样，如果一行单元格数目比表格的列数目少，行的其余部分用空单元格填充。以下的表格演示了这些，我们使用BORDER属性使表格中单元格的边框显现出来： up J y,|5
% ?qzP '
<TABLE BORDER> -GQ.B{%G
<TR> N cX-* o
<TD COLSPAN=2>我占据两列</TD> (5[ #?_~
<TD>我是普通单元格</TD> F^TOLwix
</TR> /^&$ma\
<TR> irjHPuhcG
<TD>我是普通单元格</TD> |L-- j
<TD ROWSPAN=3 COLSPAN=2>我占据三行两列</TD> p!?7;
</TR> [`KQ \4u
<TR> 09G]t1!,
<TD></TD> xcJvXp
</TR> _nw\ac#*
<TR> -ucR@P]
<TD>我是普通单元格</TD> Mz lE
</TR> +OB&PE
<TR> y %Y P
<TD>我是普通单元格</TD> e+@.n
<TD>我是普通单元格</TD> PM {L}tEQ
</TR> l?;ReK.r
</TABLE> )oS~ish
{>brue*)
x}reeqn
C|QJQ@bj0
我占据两列 我是普通单元格 Z@Qf0
c
我是普通单元格 我占据三行两列 1fF\k#BE-%
G0ENk|wbbj
我是普通单元格 |:SXN4';?
我是普通单元格 我是普通单元格 8mX:*$qm:
F#e
fs6{
2TaHWw<A
行组 2L 1Azx
`k08M)
ayA_[{j%X
就像列可以分成组一样，行也可以分成行组。每个表格可以有一个表头、一个表尾和一个或多个表体，分别以 THEAD、TFOOT和TBODY元素表示。 F0Z cV>j}
9x9E+DG#(
Z
o,]Dx
通常，文档中它们的次序首先是THEAD，然后是TFOOT，然后是不同数目的TBODY。下面的表格使用了行组： HMR!XF&JjC
s|"4!{I
t
<TABLE> )/tdiRpn
<THEAD> 6K9-n}z
<TR> lHPhZ(Z
<TD>Day</TD><TD>Month</TD><TD>Year</TD> h^b
=
<TD>Arnold</TD><TD>Bob</TD><TD>Carla</TD><TD>Daphne</TD><TD>Eric</TD> V0:d b
<TD>Total</TD><TD>Change</TD> I~c}&'V
</TR> 9,
792b
</THEAD> hM`*- +Zb
<TFOOT> <NM Os"NB
<TR> SCMZ-^b
<TD COLSPAN=3>Total</TD> 9M-/{D^+<
<TD>60</TD><TD>104</TD><TD>20</TD><TD>242</TD><TD>7</TD> dtq]_HvTJ
<TD>453</TD> kc:2ID&
</TR> , On u%
</TFOOT> i{ /
nHrN
<TBODY> (fWQ?6[
<TR> p&;,$KDA
<TD>16</TD><TD>January</TD><TD>1999</TD> w 9 a6F
<TD>34</TD><TD>56</TD><TD>12</TD><TD>144</TD><TD>5</TD> w+ tO@
<TD>251</TD><TD>+27</TD> j-etEWOTr
</TR> &rxR"^x\
<TR> "mkTCR^] e
<TD>17</TD><TD>January</TD><TD>1999</TD> sFxciCpN
<TD>26</TD><TD>48</TD><TD>8</TD><TD>98</TD><TD>2</TD> .](s\6'
<TD>182</TD><TD>-69</TD> S-+^L|
</TR> S b3@7^
</TBODY> jDc5p3D&[]
</TABLE> $eBE pN
I^6zUVH
[t`QV2um
c8jq.y v
点击这里看此页面 \D
#NO
=>6'{32W_
|bz,cvlP
W
以上的例子和CSS组合使用时同样会使Navigator 4的一些版本崩溃，所以把它放在了一个单独的页面里。IE 4.x及其以上版本的用户可以在表格的结束位置看到表尾，这也是我们所希望的。而Navigator忽略行组，所以它以指定表格行的次序来显式各行。表尾应该指定在表格的实际数据之前，这样一来它就可以在下载表格的实际数据之前显示出来，因为表格可能有好几百行。而在实践中，一个好的做法是将表尾放在表格的结束位置，这样，不支持行组的浏览器(包括IE的早期版本)也能正确地显示表格。 |
|