html css 如何将表头固定_html/css_WEB-ITnose
程序员文章站
2023-12-23 08:27:40
...
position属性取值为fixed时,则元素的位置将不受滚动条的影响,而是直接依据窗口定位,这就是将表头固定的最直接方法,网上其他途径感觉都是在走弯路。但是与此同时必须解决两个问题。第一:表体将随之不依据表头定位,而是依据body元素定位,因此表体将上移,导致表体靠上部分被表头遮挡,而且有重影。第二:表体的宽高和表头的宽高也将互相独立不再受文档流的约束,这导致单元格对不齐。 解决办法示例如下。其中,单元格上下对齐的问题可以通过设置padding margin 百分比width来解决,表头和表体也可以放在各自的div里。 样式单 js脚本 $(function(){ $("#spacetr").css("height",$("#thead").css("height")); //将空白行的高度设置为和表头等高,使被遮挡的数据刚好下移表头高度的距离 }); jsp代码:--%>
招聘学科 ${postname} ${schoolPostnumbers.key} ${postnumber}
推荐阅读
-
,关于IE8兼容HTML5 CSS3 还有@media的问题_html/css_WEB-ITnose
-
ExtJs 4 中的MVC应用架构_html/css_WEB-ITnose
-
html css 如何将表头固定_html/css_WEB-ITnose
-
CSS秘密花园: 交互式图像对比_html/css_WEB-ITnose
-
Codeforces Round #266 (Div. 2) B. Wonder Room_html/css_WEB-ITnose
-
鼠标悬浮在超链接上弹出提示框_html/css_WEB-ITnose
-
清除浮动4-插入多余的div_html/css_WEB-ITnose
-
html4画直线不是用的html5技术_html/css_WEB-ITnose
-
求助,关于
- 宽度控制的问题_html/css_WEB-ITnose
-
求教这个网站用了什么模板?_html/css_WEB-ITnose