JQuery datatable vertical scroll hides заголовок HTML-таблицы

Question

Моя таблица thead исчезает, когда я разрешаю прокручивать поверх моего datatable.

Это HTML моей таблицы:

<table id="tblProviders"> 
    <thead> 
     <tr> 
      <th>Name</th> 
      <th>Time</th> 
     </tr> 
    </thead> 
</table> 

Jquery Datatable:

$(#tblProviders).dataTable({ 
    "scrollY": 300, 
    "autoWidth": false, 
    "pageLength": pageCount, 
    "bDestroy": true, 
    "paging": false, 
    data: array, 
    columns: [{ 
    "data": "Name" 
    }, 
    { 
    "data": "Time" 
    } 
    }] 
}); 

Без scrollY варианта он работает прекрасно. Почему он скрывает мой th?

Answer 1

не могли бы вы проверить, поставив стиль css в thead как style = "position: fixed;"

Answer 2

У вас есть опция "fixedHeader: true" в вашем datatable?

$(#tblProviders).dataTable({ 
    "fixedHeader": true, 
    "scrollY": 300, 
    "autoWidth": false, 
    "pageLength": pageCount, 
    "bDestroy": true, 
    "paging": false, 
    data: array, 
    columns: [{ 
    "data": "Name" 
    }, 
    { 
    "data": "Time" 
    } 
}] 
});