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

如何使用微信小程序设计和设置表格并展示数据?1. 双击打开微信小程序开发工具,新建相应界面,插入多个视图元素,添加类属性,如下图所示:2。不要给出这些视图样式,然后保存代码并预览效果。结果从上到下排列

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

1. 双击打开微信小程序开发工具,新建相应界面,插入多个视图元素,添加类属性,如下图所示:

2。不要给出这些视图样式,然后保存代码并预览效果。结果从上到下排列,如下图所示:

3。在相应的wxss文件中设置表头和表体的样式,如下图所示:

4。再次保存代码并在模拟器中预览效果。发现形成了一个表格,如下图所示:

5。在th TD中添加border bottom属性并设置bottom border属性,如下图所示:

6。最后一行的下边框有点粗,因为table和TD设置了边框并使其变粗,如下图所示: