你認為(wèi)已經知道怎麽制做表格了吧(ba)。當然，你已經了解 table、tr、td和th标簽了，甚至還(hái)在你的口袋裡(lǐ)裝入了rowspan和colspan。你确實可以制做一(yī)個(gè)精美小(xiǎo)巧的咖啡色三合闆桌子（表格），但難道你不想做一(yī)個(gè)優雅穩固，上(shàng)面有玻璃的，足以承受一(yī)頭大笨象的宴會(huì)桌（表格）？

列反罷工(gōng)

表格行簡直使表格列看(kàn)起來很愚蠢。同樣的工(gōng)作，表格由行與行構建，讓列感到(dào)十分沮喪。

但是很幸運，colgroup和col标簽來拯救熱心的列了。

這兩個(gè)标簽允許你定義表格列和盡你所需地樣式化它們，對于你需要把列排成行或不同著(zhe)色特别有用，如果沒有它們，你需要樣式化每一(yī)個(gè)單獨的單元格。

這是一(yī)個(gè)使用這些标簽的例子：

This	That	The other
Ladybird	Locust	Lunch

alternate類的樣式将被應用到(dào)第二列，或者說每一(yī)行的第二個(gè)單元格。

你當然可以在colgroup或者col上(shàng)使用span屬性，跟rowspan和colspan有相(xiàng)似的用途

colgroup一(yī)起使用可以定義屬于列組的行數，比如會(huì)組合頭兩列。當在colgroup使用span時，不應該再使用col标簽。

在col裡(lǐ)使用span是更明智的，可以，比如，應用在上(shàng)述例子像這樣：

 ...

這将把alternate類應用到(dào)最後兩列。

注意

哦，但是可能(néng)有一(yī)個(gè)陷井，不是嗎(ma)？那就(jiù)是：你僅能(néng)樣式化列的是邊框、背景、寬度和可見(jiàn)性。

Internet Explorer在這方面看(kàn)起來比其他浏覽器(qì)表現更好因為(wèi)它裝載有漂亮的CSS屬性比如 color，但是，正如結果一(yī)樣，這是因為(wèi)它瘋狂古怪的行為(wèi)而已。這種奇特的異常可以讓Ian Hixie來解釋。

摘要和說明插曲

一(yī)個(gè)簡要和容易的提高(gāo)易用性的思考是，總是為(wèi)表格應用摘要和說明。

摘要可以在表格起始标簽table中用summary屬性應用到(dào)表格中。這不會(huì)顯示，但可以輔助非可視化的表格表現。

caption标簽在起始标簽table後直接定義說明。它默認直接在表格頂端出現，但可以在CSS屬性caption-side中設置top、right、bottom或者left值，盡管IE不會(huì)在意。

...

表頭、表注和滾動表格的探讨

thead、tfoot和tbody允許你把表格分為(wèi)表頭、表注和表格主體。對于大表格尤其有用，在打印的時候，表頭和表注應該會(huì)在每一(yī)頁都出現。

這些元素必須按thead-tfoot-tbody的順序定義，像這樣：

Locust mating habits

 ...

Header 1	Header 2	Header 3
Footer 1	Footer 2	Footer 3
Cell 1	Cell 2	Cell 3

你可以讓表格主體tbody在基于Gecko的浏覽器(qì)（Mozilla、Firefox和Netscape 6+等）滾動，通(tōng)過應用overflow: auto; max-height: [whatever] 的樣式。然後你可以看(kàn)見(jiàn)表頭和表注固定，而表的主體右邊有滾動條。你應該謹慎使用max-height屬性因為(wèi)IE不認識，比較安全的做法是使用 height屬性，IE将為(wèi)它應用到(dào)每一(yī)行。

注意：說回浏覽器(qì)的差異，目前IE遇到(dào)表頭和表注時還(hái)是沒有什麽線索，盡管還(hái)是當作表格來處理，但打印的時候不會(huì)在哦每一(yī)頁都出現表頭和表注，隻孤零零地傳遞滾動的表格。

注意

謹慎對待滾動表格。盡管它們提供十分有用的目的，大部分用戶不習慣它們并且認為(wèi)線性數據是唯一(yī)的。