javascript - 怎么实现一个固定头部和固定左边第一列的table
ringa_lee
ringa_lee 2017-04-11 10:54:45
[JavaScript讨论组]
ringa_lee
ringa_lee

ringa_lee

全部回复(4)
天蓬老师

这个建议直接用p嵌套自己实现一个结构吧,直接用table恐怕是不行的

怪我咯

这种需求使用简单的样式已经无法实现了,推荐一个插件吧:FixedHeaderTable,如果不实用 jQuery 的话可以参考一下实现方式。

天蓬老师

怪怪的,第一列固定,滑动列表的时候只有只有后边的列动,那数据对么?
就你这个要求,把第一列和头部拆掉,然后里边放table,没有头部就可以了。

怪我咯

第一行使用一个table固定,但是隐藏;
左侧列使用一个table固定,但是隐藏;
滚动部分使用table(包含第一行和第一列);

当table相应拖动事件时;table.offset.left>0 或 table.offset.top>0
显示相应固定的p(第一行使用一个table固定,左侧列使用一个table固定)
屏蔽滚动部分的table的浏览器事件,使table在SwipeLeft || SwipeRight 只横向滚动,SwipeTop || SwipeDown的时候只上下滚动...代码量预估好大...

缺点:
列宽和行高;需要指定;当然如果第一列或者第一行可以取表格的第一行和第一列的宽高和分布;这样可以响应式了;...代码量预估大...

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号