表格的补充

表格的补充

1.rules属性：添加组分隔线
值：rows：位于行之间的线条
cols：位列之间的线条
all:位于行和列之间的线条
none:没有线条
groups:位于行组和列组之间的线条

2.数据列分组
（1）<colgroup span="分组列数"></colgroup>
（2）<col span="">
说明：
1）col和colgroup元素会根据从左到右的顺序依次对数据表格进行分组。
2）span属性显示指定相邻几列组成的一组，span属性值默认为1默认时仅定义一列为一组。
3）可以通过给table添加rules=“groups”属性来给分组列添加组的分割线。
注意：虽然col和colgroup具有相同功能，但是只能使用colgroup元素来设置表格内部部分分割线(rules)应该处于的位置。

3.数据行分组
表头 <thead></thead>
表体 <tbody></body>
表尾 <tfoot></tfoot>

说明：
1）一个table中，只能包含一个thead，一个tfoot，但是可以包含多个tbody.
2)thead元素应该与tbody和tfoot元素结合起来使用。
3）tbody元素用于对HTML表格中的主体内容进行分组，tfoot元素用于对HTML表格中的表注（页脚）内容进行分组。
4）如果要使用thead、tfoot以及tbody元素，就必须使用全部的元素。
5）它们的出现次序是:thead、tfoot、tbody，这样浏览器就可以在收到所有数据前呈现页脚了。必须在table元素内部使用这些标签。

4.在CSS中设置单元格间距：border-spacing:value;
该属性必须给table添加，表示单元格与边框之间的距离，不可取负值

5.CSS中合并相邻单元格边框

border-collapse:separate/collapse;

作用：合并相邻单元格边框（该属性必须给table添加）
separate(边框分开)默认值；
collapse(边框合并)

6.无内容时单元格的设置

empty-cells:show/hide;

定义当单元格无内容时，是否显示该单元格的边框区域；
show:显示；
hide:隐藏；

7.设置表格标题的位置：
caption-side:top/right/bottom/left
定义表格的caption对象放于表格的哪个位置，与caption对象一起使用，top我默认值。
left和right只有火狐识别，
top，bottom IE6以上版本支持，IE6以下版本不支持其他属性值，只识别top。