Framework7新版学习笔记之 数据表格

一：数据表格

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

原文地址：https://www.cnblogs.com/ygj0930/p/8460507.html