表格

默认表格样式，取消单元格间距，设定单元格默认填充，无其他修饰。

<table class="w100">
	<caption>...</caption>
	<thead>
		<tr>
			<th>...</th>
			<th>...</th>
			<th>...</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<th>...</th>
			<td class="tr">...</td>
			<td class="tr">...</td>
		</tr>
		<tr>
			<th>...</th>
			<td class="tr">...</td>
			<td class="tr">...</td>
		</tr>
	</tbody>
	<tfoot>
		<tr>
			<td colspan="7">...</td>
		</tr>
	</tfoot>
</table>

状态色表格

可通过状态色修饰默认表格外观；状态色定义参考 颜色 说明。

<table class="w100">
	<caption>...</caption>
	<thead>
		<tr class="pale dark">
			<th>...</th>
			<th>...</th>
			<th>...</th>
		</tr>
	</thead>
	<tbody>
		<tr class="pale primary">
			<th>...</th>
			<td class="tr">...</td>
			<td class="tr">...</td>
		</tr>
		<tr class="pale warning">
			<th>...</th>
			<td class="tr">...</td>
			<td class="tr">...</td>
		</tr>
	</tbody>
	<tfoot>
		<tr class="pale light">
			<td colspan="7">...</td>
		</tr>
	</tfoot>
</table>

单元格间距

可通过预定义类设定单元格之间的间隔，类名简称：sb sh sv；全称：spacing-both spacing-horizontal spacing-vertical。

注意：单元格间隔不是单元格边框，单元格间隔可见须通过表格背景呈现。

具有横向和纵向间隔的表格；示例将表格背景通过状态色设置为深色，以呈现间隔线。

<table class="w100 sb">
...
</table>

仅具有横向间隔的表格；示例未设置表格背景但为每一行指定状态色，间隔线呈现为默认白色背景色。

<table class="w100 sh">
...
</table>

仅具有纵向间隔的表格；示例未设置表格背景但为每一行指定状态色，间隔线呈现为默认白色背景色。

<table class="w100 sv">
...
</table>

可滚动的表格

可通过预定义样式类指定表格内容滚动，样式类简称：sa sx sy；全称：scroll-x scroll-y scroll-auto。

支持滚动的表格，须为表格明确指定宽度和高度。

<table class="w100 sa">
...
</table>

可滚动切具有单元格间隔的表格。

<table class="w100 sb sa">
...
</table>

表格圆角

通过为 <table> 添加 布局 中定义的圆角类， 可以实现表格圆角效果；但是由于浏览器绘制细节所致，表格圆角表现的并不那么完美无缺，但这是在不增加额外代码的情况下，我们认为可接受的范围； 额外也不建议为表格设置较大幅度的圆角，这有可能呈现惨不忍睹的效果，默认的 br 圆角样式类可提供合适的圆角。

特别提示：表格内的 <caption> 标签元素可能会破坏这一切，因此尽量不要使用。 经过反复验证 <caption> 标签元素在 CSS 属性 border-spacing 使用不同值的时候具有不同的表现， 让事情变得更加困难，表格的圆角效果可能不符合预期。