gpt4 book ai didi

jquery - 卡住表格上方的内容

转载 作者:行者123 更新时间:2023-11-28 02:58:14 25 4
gpt4 key购买 nike

我正在使用 jQuery/Bootstrap 3/Datatables 构建网页,我需要卡住(防止滚动)我的 Datatables 表上方的所有内容(下面代码段中的#dtWrapper 或#datatables)。我玩过一些位置和 float 属性,但直到现在都没有成功。

有人可以解开这个谜团吗?

谢谢,布鲁诺

<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">...</nav>
<div class="container-fluid">
<div class="row">
<div class="col-sm-12 col-md-12">
<div class="panel-body">...</div>
<div class="panel panel-primary">
<div class="panel-heading">...</div>
<div class="panel-body">...</div>
<div class="panel-body">...</div>
<div id="dtWrapper" class="panel-body">
<div class="row">
<div class="col-xs-12">
<div id="datatables" class="dataTables_wrapper form-inline dt-bootstrap no-footer">
<!-- Datatables table here -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>

最佳答案

您需要将固定 header 扩展添加到您的元素中。从here下载.添加扩展后,您可以继续初始化数据表并将固定 header 设置为 true。

$('#datatables').DataTable( {
fixedHeader: true
} );

关于jquery - 卡住表格上方的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35933967/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com