微信小程序做Table表格

实现效果：表格头部固定，表格内容数据可以滚动
这只是一个最基本的表格框架。
头部

  <view class="table"><view class="tr"><view class="td">序号</view><view class="td">唯一XX</view><view class="td">列名一</view><view class="td">列名二</view><view class="td">列名三</view><view class="td">列名四</view><view class="td">列名五</view><view class="tdtd2">列名六</view><view class="td td2">列名七</view></view></view>

表格内容

<view class='table-scrolling'><view class="table"><view class="tr" wx:for="{{datas}}" wx:key="unique"><view class="td">***</view><view class="td">***</view><view class="td">***</view><view class="td">***</view><view class="td">***</view><view class="td">***</view><view class="td">***</view><view class="td">***</view><view class="td">***</view></view></view></view>

样式

 . table-scrolling {overflow-y: scroll;overflow-x: hidden;}.table {border: 1px solid #724f4f;border-bottom: 0;width: 98%;margin-left: 1%;word-break: break-all;
}.tr {display: flex;
}.td {border: 0.5px solid #724f4f;text-align: center;width: 10%;
}

微信小程序做Table表格相关推荐

微信小程序使用table表格
做小程序项目中遇到这种需要合并行和并列来展示数据但是小程序没有table标签不能使用合并行合并列找了很多发现小程序中有一个标签和 VUE中的 v-html是一样的功能 <rich-text ...
微信小程序-简单table表格
参考资料: https://www.jb51.net/article/156283.htm
uniapp、微信小程序--自定义table
呜呜呜~~~咋说呢,uniapp表格代码搞完转小程序才发现微信小程序没有table!!!哭泣! 本来想用flex布局的,突然想到了css display: table;display: table-c ...
python搭建微信小程序卖货要收费用吗_个人的微信小程序做店铺收费吗?要收多少...
微信小程序受到了广大用户的使用和喜爱,这种不用下载的应用,让人们能更快的开启和关闭应用,不用担心自己的内存不够.那么今天我们来了解下,个人的微信小程序做店铺收费吗?要收多少? 现在许多用了许多小程序了 ...
微信小程序做问卷——前端部分(生成问卷)
文章目录实现效果界面功能数据功能各个组件的实现右上角的蓝色加号问卷结构部分以单选部分举例每个题型的灰色加号每个题型的删除按钮每个选项的删除按钮每个输入的数据记录全部代码 que ...
微信小程序做店铺收费吗？【微信小程序店铺】
很多商家企业现在都已经有自己的微信小程序店铺了,还没有的微信小程序店铺的商家企业也是计划开通自己的微信小程序店铺,那么对于他们来说,除了要知道怎么做微信小程序店铺,还需要了解微信小程序做店铺收费吗这个 ...
微信小程序做一个调查问卷
用微信小程序做了一个调查问卷功能描述: 用户一天只能进行一次问卷调查=>用户登录功能获取用户意见信息题目分为单选题.多选题.简答题 *设置有其他选项,可进行手动输入选项多选题选择个数设置 ...
微信小程序做问卷——前端部分(回答问卷)
文章目录实现效果实现单选部分多选部分问答部分全部代码 item.wxml item.wxss item.js 生成问卷的部分参考微信小程序做问卷--前端部分(生成问卷) 实现效果界面如 ...
微信小程序做一个圆形图片旋转可以控制开始和结束-音乐播放器的图片旋转功能
微信小程序做一个圆形图片旋转可以控制开始和结束 1.在 WXML 文件中添加一个标签,并设置图片的 src 和样式,并为其绑定一个 animation 用来控制旋转动画. <image src ...

微信小程序做Table表格

微信小程序做Table表格相关推荐

最新文章

热门文章