一：數據表格

F7舊版中還沒有table布局，類似於表格的布局是通過row類、col-xx類模擬出來的。

在新版的F7中，推出了table布局，用於展示數據表格。

二：定義表格

<div class="data-table">
  <table>
    <thead>//表格頭：首行，定義了每列列名
      <tr>
        <th class="列類型-cell">列名</th>
        ...
    </thead>
    <tbody>//表格內容
      
 
<tr>//一行
        <td class="列類型-cell">列值</td>
        ...
      </tr>
      ...
    </tbody>
  </table>
</div>

其中，列類型有：checkbox-cell、text-cell、numeric-cell等等

三：各種表格案例

有可折疊、可勾選、可排序等等各種表格類型。

http://framework7.io/docs/data-table.html

Framework7新版學習筆記之 數據表格