Jquery数据表垂直滚动隐藏HTML表的标题

Question

当我启用滚动数据表时，我的表格会消失。

这是我的表格的 HTML ：

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

Jquery 数据表：

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

没有scrollY选项，它的效果非常好。为什么隐藏我的th？

Answer 1

你可以通过把css风格作为style =＆＃34; position：fixed;＆＃34;

来检查

Answer 2

您是否在数据表中尝试“fixedHeader：true”选项？

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