Создание заголовка таблицы начальной загрузки с неограниченной высотой таблицы или большим набором данных

Question

Справочная информация : я делаю отзывчивое приложение Angular 8, у меня есть таблица с очень большим набором данных.Предполагается, что данные поступают кусками по 100 строк за запрос.Так что высота стола не определяется.Я также использую bootstrap 4 в качестве базы для приложения и этой таблицы.Эта таблица имеет другое поведение, и я не брал материал Angular или другие доступные библиотеки.

Цель : так как это большой набор данных, важно, чтобы при прокрутке пользователя вниз страницы заголовок таблицы оставался липким, чтобы пользователь мог отслеживать, что он / она

В коротких кодах выглядит следующим образом, что я обрезал его для stackoverflow

HTML-коды

<div class="emp-result-container">
   <div class="table-responsive">
      <table class="table table-bordered table-hover table-fixed">
         <thead class="thead-dark">
             <tr>
                data
             </tr>
         </thead>
         <tbody>
             <tr *ngFor="let result of empSearchResult?.lines">
                <td>
                   {{ result }}
                </td>
             </tr>
         </tbody>
      </table>
   </div>
</div>

SASS

.emp-result-container {
    margin-left: 25px;
    margin-right: 25px;
    //max-height: 7300px;
    //overflow-y: auto;


  .table.table-hover.table-bordered {
      margin-top: 50px;
      width: 100%;
      border-collapse: collapse;
      //position: sticky;
      //top:0;
    }
 }

Я прочитал почти все сообщения stackoverflow по этой теме, большинство из них о таблице с высотой, и я также попробовал их, как вы можете видеть типичный ответ CSS этопопробовал и прокомментировал я.Никто из них не работает здесь.

Новое сообщество CSS и Angular для этой таблицы больших данных высоко ценится сообществом.