Question

我正在使用jQuery / Bootstrap 3 / Datatables构建一个网页，我需要冻结（防止滚动）我的Datatables表上方的所有内容（#dtWrapper或下面代码段中的#datatables）。我已经使用了位置和浮动属性，但直到现在都没有成功。

有人可以对这个谜团有所了解吗？

THKS，布鲁诺

<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>

Answer 1

您需要在项目中添加固定标头扩展名。从here下载。添加扩展后，您可以继续初始化数据表并将固定标头设置为true。

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

冻结表格上方的内容

1 个答案: