Зафиксировать содержимое над таблицей

Я строю веб-страницу с помощью jQuery/Bootstrap 3/Datatables, и мне нужно заморозить (предотвратить прокрутку) все содержимое выше таблицы Datatables (#dtWrapper или #datatables в фрагменте ниже). Я немного поиграл с атрибутами позиции и флота, но без успеха до сих пор.Зафиксировать содержимое над таблицей

Может кто-то пролить свет на эту тайну?

Thks, Bruno

<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"> 
 
\t \t <!-- Datatables table here --> 
 
       </div>  
 
       </div>  
 
      </div>  
 
      </div>  
 
     </div>  
 
     </div>  
 
    </div>  
 
    </div>  
 
</body>

источник

2016-03-11 B.Lafont

Вам нужно добавить расширение Фиксированный заголовок для вашего проекта. Загрузите с here. После того, как вы добавили расширение, вы можете продолжить инициализацию datatable и установить фиксированный заголовок как истинный.

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

источник

2016-03-11 07:13:41 chapskev

Thx за советом, но это не соответствует моей потребности, поскольку я все еще могу прокручивать деталь над моим столом. Мне нужно, чтобы все над столом не прокручивалось вообще. –

Зафиксировать содержимое над таблицей

ответ

Смежные вопросы