bootstrap实现表头固定
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了bootstrap实现表头固定相关的知识，希望对你有一定的参考价值。
表格在网页的中间
参考技术A $(function ()setScroll("#divScroll");
);
function setScroll(id)
var obj = $(id);
$(id + " table:eq(0) th").css("position", "relative").css("top", "0px").css("background-color", "#fdfdfd");//设置相对定位
obj.on('scroll', function ()
var top = $(id).scrollTop();
if (top > 0)
$(id + " table:eq(0)").css("margin-top", "-1px");//覆盖上面的间隙
$(id + " table:eq(0) thead th").css("top", top + "px");
else
$(id + " table:eq(0)").css("margin-top", "0px");
$(id + " table:eq(0) thead th").css("top", top + "px");
);
bootstrap 怎么固定住导航条
参考技术A 添加 .navbar-fixed-top 类可以让导航条固定在顶部，还可包含一个 .container 或 .container-fluid 容器，从而让导航条居中，并在两侧添加内补（padding）。1
2
3
4
5
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
...
</div>
</nav>
以上是关于bootstrap实现表头固定的主要内容，如果未能解决你的问题，请参考以下文章