您好,欢迎来到[编程问答]网站首页   源码下载   电子书籍   软件下载   专题
当前位置:首页 >> 编程问答 >> Web开发 >> (html)怎么实现一个固定头部和固定左边第一列的table

(html)怎么实现一个固定头部和固定左边第一列的table(1/2)

来源:网络整理     时间:2016/6/2 12:01:50     关键词:table

关于网友提出的“(html)怎么实现一个固定头部和固定左边第一列的table”问题疑问,本网通过在网上对“(html)怎么实现一个固定头部和固定左边第一列的table”有关的相关答案进行了整理,供用户进行参考,详细问题解答如下:

问题:(html)怎么实现一个固定头部和固定左边第一列的table
描述:

有一个页面要放在手机上浏览。
这个页面是一个table
这个table的头部是固定的,并且左侧第一列也是固定的。
头部固定就是往下滚动,头部不滚动,一直显示在上方。
第一列固定式横向滚动时第一列一直显示在左侧。
同时在横向滚动时头部的标题也要跟着横向滚动的。
现在已经实现固定第一列,但是固定头部一直做不出来
我用position absolute 或者 fixed定位后排版都乱了
表头的字段不会跟随数据内容宽度了,而且fiexd定位后横向滚动头部也一直固定了!!!
我实现的效果图:

第一列是固定了,但是如果向上滚动,头部没有固定!!
求大神帮忙,跪谢!!!!
代码,大神你复制这个代码到记事本,然后保存改后缀名html
然后通过QQ找到我的设备>>自己的移动设备发送过去,然后再手机上用浏览器打开就能看到效果!!
感谢大神帮忙!!!!!




    
    
        
        
日期 时间 血压 胎心 肛查 先露高低 容受 大小 已破 未破 羊水颜色 强度 持续 间歇 膀胱充盈 饮食 睡眠 处理 检查者
2015-04-29 21:18 120/80 80 臀先露 4cm -1→0 测试
2015-04-29 21:50 120/80 90 臀先露 2cm -1→0 测试
2015-05-11 10:25 120/80 90 肩先露 2cm +2→+3 测试
2015-05-13 14:44 120/80 90 头先露 2cm 弱中 -1→0 测试
2015-05-13 15:22 112/70 140 头先露 1cm -3 殷慧兰
2015-05-22 09:26 120/80 测试
2015-05-26 15:54 / 测试
2015-05-26 04:54 / 测试
2015-05-26 15:54 / 孕妇入产房待产,身高: cm, 测试
2015-06-10 07:14 120/80 2 -2→-1 1cm Ⅰ°→Ⅱ° 弱中 2 3 (-) 测试
2015-06-10 08:00 / 未开 测试
2015-06-10 08:01 / 测试
2015-06-10 08:02 / 测试
2015-07-02 20:16 / -2→-1 3cm Ⅱ° (-) 孕妇入产房待产,身高: cm,复测宫高: cm,腹围: cm,疼痛评分: 分。告知分娩相关知识及风险,指导呼吸法减轻疼痛,孕妇及家属理解,有阴道分娩信心。 测试
2015-07-06 16:20 127/60 60 -3 未开 40 5 孕妇入产房待产,身高: cm,复测宫高: cm,腹围: cm,疼痛评分: 分。告知分娩相关知识及风险,指导呼吸法减轻疼痛,孕妇及家属理解,有阴道分娩信心。 测试
2015-07-13 09:52 / -1→0 1cm Ⅱ° 孕妇入产房待产,身高:23 cm,复测宫高: cm,腹围: cm,疼痛评分: 分。告知分娩相关知识及风险,指导呼吸法减轻疼痛,孕妇及家属理解,有阴道分娩信心。 测试

解决方案1:

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

相关图片

相关文章