关于网友提出的“(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,没有头部就可以了。