怎样实现表格在移动端能左右滑动查看

zbit 2018-09-22 01:15:03

表格太宽了，怎样实现表格在移动端能左右滑动查看，像百度百科里面的表格那样。最好能给一个实例。

...全文

2357 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

天际的海浪 2018-09-22

打赏
举报

回复

设置个div 样式为 width: 100%; overflow-x: auto; 把表格放div中 <div style="width: 100%; overflow-x: auto;"> <table>.........</table> </div>

下载并解压到项目文件夹下，使用npm install安装依赖，使用npm run serve命令启动项目。

利用Swiper实现移动端Table切换，页面可左右滑动，加动画移动效果

移动端列表长按后，然后可以上下拖动进行排序，主要使用了基于h5 sortTable，然后使用了touch相关事件实现，仅支持移动端,支持安卓和苹果。

支持自定义表格内容支持上下左右滑动表格item的点击支持表格中item的左右边距的调整支持item自动归位支持滑动到指定位置

Axure原型设计：移动端图片管理原型.docx

87,997

社区成员

224,709

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章