为 table 元素加入 aw-table 类使其应用表格样式。
<table class="aw-table">
<thead>
<tr>
<th>Header</th>
<th>Header</th>
<th>Header</th>
</tr>
</thead>
<tbody>
<tr>
<td>Data</td>
<td>Data</td>
<td>Data</td>
</tr>
<tr>
<td>Data</td>
<td>Data</td>
<td>Data</td>
</tr>
<tr>
<td>Data</td>
<td>Data</td>
<td>Data</td>
</tr>
</tbody>
</table>
| Header | Header | Header |
|---|---|---|
| Data | Data | Data |
| Data | Data | Data |
| Data | Data | Data |
表格在使用 aw-table 类的基础上，加上 aw-table-fixed 使其能够固定列宽（您需要自己设置列宽）。
<table class="aw-table aw-table-fixed">
<thead>
<tr>
<th style="width: 50px;">Header</th>
<th style="width: 100px;">Header</th>
<th style="width: 150px;">Header</th>
</tr>
</thead>
<tbody>
<tr>
<td>Data</td>
<td>Data</td>
<td>Data</td>
</tr>
<tr>
<td>Data</td>
<td>Data</td>
<td>Data</td>
</tr>
<tr>
<td>Data</td>
<td>Data</td>
<td>Data</td>
</tr>
</tbody>
</table>
| Header | Header | Header |
|---|---|---|
| Data | Data | Data |
| Data | Data | Data |
| Data | Data | Data |
如 辅助类：横向自动滚动条 所述，为 aw-table 的父容器添加 aw-scoll-x 类，使其超过宽度时自动出现横向滚动条。
<div class="aw-scoll-x">
<table class="aw-table">
<thead>
<tr>
<th>A Loooooooooooooooooooooooooooong Header</th>
<th>Super Looo...ooong Header</th>
</tr>
</thead>
<tbody>
<tr>
<td>Data</td>
<td>Data</td>
</tr>
<tr>
<td>Data</td>
<td>Data</td>
</tr>
<tr>
<td>Data</td>
<td>Data</td>
</tr>
</tbody>
</table>
</div>
| A Loooooooooooooooooooooooooooong Header | Super Loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong Header |
|---|---|
| Data | Data |
| Data | Data |
| Data | Data |