Jquery datatable vertical scrollはHTMLテーブルのヘッダーを隠します

Question

私のテーブルtheadは、私のデータテーブルをスクロールできるようにすると消えます。それは完全に正常に動作scrollYオプションを指定しない

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

：

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

のjQueryのDataTable ：

これが私のテーブルのHTMLです。なぜ私はthを隠しているのですか？

Answer 1

あなたはstyle = "position：fixed;"としてCSSスタイルをtheadに設定することで確認できますか？

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" 
    } 
}] 
});