一:数据表格
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
时间: 2024-11-01 12:15:10