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

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

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

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

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

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

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

可以通过在image标签上添加bindtap事件，监听小程序点击事件，并在对应的js文件中定义函数，触发相应的 *** 作。如下：

<image bindtap='imageClick' src="xxx" />

// js文件

Page({

imageClick: function () {

// do something

}

})

以上就是关于如何使用微信小程序设计和设置表格并展示数据全部的内容，包括:如何使用微信小程序设计和设置表格并展示数据、微信小程序image点击样式怎么设置、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！