Bootstrap table data sticky

 .tableFixHead { overflow-y: auto; max-height: 400px; }

/* Just common table stuff. */

table  { border-collapse: collapse; width: 100%; }

th, td { padding: 8px 16px; }

th     { background:#eee; }

var $th = $('.tableFixHead').find('thead th')

$('.tableFixHead').on('scroll', function() {

  $th.css('transform', 'translateY('+ this.scrollTop +'px)');

});

 <thead class="thead-dark">

 

 <div class="tableFixHead">