如何使用微信小程序设计和设置表格并展示数据？

1、双击打开微信小程序开发工具，新建一个对应的界面，然后插入多个view元素，并添加class属性，如下图所示：

2、没有给这些view样式，然后保存代码并预览效果，结果出现从上到下排列，如下图所示：

3、在对应的wxss文件中，设置表格的表头和表体的样式，如下图所示：

4、再次保存代码并在模拟器中预览效果，发现形成了表格，如下图所示：

5、在thtd添加一个border-bottom属性，设置底部边框属性，如下图所示：

6、结果发现最后一行的底部边框展示的有点粗，是因为table和td设置了边框，加粗了，如下图所示：

效果展示

通过使用事件中心的查询事件，配置一个活动列表展示页。

创建数据表

注意：在数据中心你可以创建属于自己应用程序的数据表格，数据表格类型分为用户表、商品表、订单表和自定义表。

点击表格类型为用户表的数据表。

创建用户表。

创建活动数据表。

创建活动预约表。

转换中心

点击转换中心。

创建日期格式的转化。

创建事件

注意：事件是构建数据与界面元素组件链接的抽象逻辑，数据表与界面元素组件通过事件连接。

点击事件中心。

创建查询所有活动的事件。

触发器配置

注意：在检查器面板中的触发器设置面板创建触发器，可以对组件进行交互逻辑设置，或配合事件来进行动态数据 *** 作。

选中循环容器。

点击检查面板中的触发器。

创建触发器。

绑定数据

注意：绑定数据可以将事件返回的数据和组件显示内容进行绑定。

选中循环容器的列表条目。

点击检查面板中的数据绑定与设置。

绑定数据。

有

?1.打开微信页面下拉到小程序——点击“腾讯文档”

?2.点击右下角的“+”

?3.点击“在线表格”

?4.点击“+”新建表格

?5.给表格命名

?6.双击单元格，或点击单元格编辑相关内容。

?7.分享到群中，改下权限。群员直接点击填写相关内容，填写完后直接关闭即可，不用再次分享，避免覆盖重要的群消息。

?8.最后，生成表格，复制连接，在网页中粘贴并打开，下载表格，并表格分享给其他好友或群中。

---