表格

表格是一种组织许多数据的很好途径。我们提供了一些实用的类来帮助你尽可能容易地展现你的表格。另外，为了提升移动端的体验，所有在手机屏幕宽度上的表格都自动居中。

无边框表格

默认的表格是没有边框的。

<table>
  <thead>
    <tr>
      <th data-field="id">Name</th>
      <th data-field="name">Item Name</th>
      <th data-field="price">Item Price</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Alvin</td>
      <td>Eclair</td>
      <td>$0.87</td>
    </tr>
    <tr>
      <td>Alan</td>
      <td>Jellybean</td>
      <td>$3.76</td>
    </tr>
    <tr>
      <td>Jonathan</td>
      <td>Lollipop</td>
      <td>$7.00</td>
    </tr>
  </tbody>
</table>

边框表格

给table标签增加一个“class='bordered'”成为一个边框表格。

斑纹表格

给table标签增加一个“class='striped'”成为斑纹表格。

高亮表格

给table标签增加一个“class='highlight'”成为高亮表格。

（鼠标移过的那一行会高亮）

居中表格

给table标签增加一个“class='centered'”成为居中表格。

响应式表格

给table标签增加一个“class='responsive-table'”使得表格在小屏幕上有水平的滚动条。