wps表单小程序 服务器错误,微信小程序WPS表单怎么在钉钉使用

微信小程序不支持 table 标签，在网上找到一个使用 flex 来实现表格的简明例子，记录一下。

table.wxml

head1

head2

head3

{{item.code}}

{{item.text}}

{{item.type}}

{{item.code}}

{{item.text}}

{{item.type}}

table.wxss

.table {

border: 0px solid darkgray;

}

.tr {

display: flex;

width: 100%;

justify-content: center;

height: 3rem;

align-items: center;

}

.td {

width:40%;

justify-content: center;

text-align: center;

}

.bg-w{

background: snow;

}

.bg-g{

background: #E6F3F9;

}

.th {

width: 40%;

justify-content: center;

background: #3366FF;

color: #fff;

display: flex;

height: 3rem;

align-items: center;

}

table.js

Page({

data: {

listData:[

{"code":"01","text":"text1","type":"type1"},

{"code":"02","text":"text2","type":"type2"},

{"code":"03","text":"text3","type":"type3"},

{"code":"04","text":"text4","type":"type4"},

{"code":"05","text":"text5","type":"type5"},

{"code":"06","text":"text6","type":"type6"},

{"code":"07","text":"text7","type":"type7"}

]

},

onLoad: function () {

console.log('onLoad')

}

})

效果图

钉钉小程序制作表格：  把wx改成a就可以了

————————————————

版权声明：本文为CSDN博主「血晨」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。

原文链接：https://blog.csdn.net/weixin_44331510/article/details/88284528