没有合适的资源?快使用搜索试试~ 我知道了~
mini-program-table:基于 WePY 实现的固定头和列的 table 组件,可根据自身需求进行修改扩展
共17个文件
json:3个
wpy:3个
js:3个
需积分: 10 1 下载量 200 浏览量
2021-05-30
04:59:20
上传
评论
收藏 35KB ZIP 举报
温馨提示
固定头和列的表格实现 —— 小程序 基于 WePY 实现,大家可根据自身需要进行更改扩展。 演示 实现原理 橙色和紫色区域组成了横向滚动的 scroll-view。 红色虚线区域是纵向滚动的 scroll-view。但由于绿色区域设置了 pointer-events: none;,即实际只能触摸橙色区域。通过在橙色区域绑定的 scroll 事件(纵向),实时设置绿色虚线区域的 scrollTop。 紫色区域是固定头部,绿色区域是固定列。左上角的绿色区域是横向与纵向共同固定的区域。 实现要点 绑定了 scroll 事件的 scroll-view 要指定 throttle: false,否则回调函数有可能取不到最终位置的 scrollTop 值。官方文档目前未提及此属性,。 固定列需要设置 pointer-events: none;,实现点击穿透。使得 tbody 能触发 scroll 事件,
资源推荐
资源详情
资源评论
收起资源包目录
mini-program-table-master.zip (17个子文件)
mini-program-table-master
package.json 1KB
readme.md 2KB
.prettierrc 26B
LICENSE 1KB
package-lock.json 125KB
src
index.template.html 598B
pages
index.wpy 1KB
app.wpy 583B
components
table.wpy 7KB
utils
index.js 1KB
.eslintrc.js 747B
.wepyignore 46B
.gitignore 39B
.eslintignore 7B
project.config.json 330B
.editorconfig 147B
wepy.config.js 1KB
共 17 条
- 1
资源评论
真好玩主人
- 粉丝: 17
- 资源: 4632
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功