码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-02-23 00:25:05      阅读:370      评论:0      收藏:0      [点我收藏+]

标签:推出   学习   row   get   color   eric   table   body   数据表   

 

一:数据表格

    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新版学习笔记之 数据表格

标签:推出   学习   row   get   color   eric   table   body   数据表   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!