固定標題 (FixedHeader)

當顯示每頁包含大量數據的表格時，將表格的標頭和/或頁腳固定在滾動視窗的頂部或底部可能會很有用。這讓您的使用者可以快速確定每欄的內容，而無需捲回表格的頂部。

FixedHeader 提供了對 DataTables 表格執行此操作的能力。它的運作方式是將標頭和頁腳元素從主機表格中分離出來，並根據視窗的滾動位置將它們附加到螢幕的頂部或底部。這確保了 FixedColumns 與 DataTables 完全相容，您可以像使用任何其他表格一樣，在表格頁腳中添加複雜的互動，例如搜尋元素。

下載

取得和使用 FixedHeader 最簡單的方法是使用DataTables 下載產生器，您可以在其中選擇您希望在頁面上使用的軟體，並為您建立和託管單個 Javascript 和 CSS 檔案。

或者，您可以將單個檔案包含在您的頁面上、下載發布套件或在 GitHub 上複製原始碼控制儲存庫。

初始化

FixedHeader 可以通過兩種不同的方式初始化和使用

作為 DataTables 建構子的一部分，使用 fixedHeader 配置選項
new 建構子

在 DataTables 中

可以使用 DataTables 選項物件中的 fixedHeader 選項在 DataTable 上初始化 FixedHeader - 這只是一個布林值，但也可能使用物件進行細粒度控制（請參閱參考文件）

$('#myTable').DataTable( {
    fixedHeader: true
} );

建構子

或者，可以使用 Javascript new 關鍵字和 $.fn.dataTable.FixedHeader 函數，在建構表格後將 FixedHeader 添加到表格中。此函數接受兩個參數

要將按鈕應用到的 DataTable 實例
FixedHeader 選項（這與 fixedHeader 選項可用的選項相同）。

var table = $('#myTable').DataTable();

new $.fn.dataTable.FixedHeader( table, {
    // options
} );

功能

FixedHeader 將以下功能添加到 DataTables 中

將表格標頭固定在滾動視窗的頂部
可選擇將表格頁腳固定在滾動視窗的底部
與 Bootstrap 和其他 DataTables 支援的樣式框架完全整合
與其他 DataTables 擴充套件整合，例如 Responsive 和 ColReorder