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

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

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

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

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

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

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

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

在微信v7.0.18中,可参考以下步骤创建金山文档电子表格:

1、首先进入微信,下拉搜索小程序,“金山文档”:

2、进入之后,选择“应用”,进入“WPS表单”:

3、登录账户选择“立即创建表单”:

4、首先输入表单标题:

5、输入你要提问的问题,如果问题较多,可点击“添加下一题”:

6、填写完问题之后,点击“单选题”,选择题型:

7、确认之后,点击“完成”,创建完成。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/yw/11455136.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-16
下一篇2023-05-16

发表评论

登录后才能评论

评论列表(0条)

    保存