固定欄

當使用 DataTables 的 X 軸滾動功能 (scrollX) 時，您可能希望將最左邊或最右邊的欄位固定在原位。這個 DataTables 的擴充套件正好提供了這個選項（對於非滾動表格，請使用 FixedHeader 擴充套件，它將為表格建立黏性標題和頁腳）。

FixedColumns（自版本 4+ 起）使用 CSS 中的 position: sticky。所有永久更新的瀏覽器都 對這個屬性有良好的支援，但像 Internet Explorer 這樣的舊版瀏覽器則沒有。

下載

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

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

初始化

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

• 作為 DataTables 建構函式的一部分，使用 fixedColumns 設定選項
• 使用 new 建構函式（請注意，這一次只能用於單個表格）。

在 DataTables 中

可以使用 DataTables 選項物件中的 fixedColumns 選項在 DataTable 上初始化 FixedColumns - 這只是一個布林值，儘管也可以使用物件進行細部控制（請參閱參考文件）

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

建構函式

或者，可以在使用 Javascript new 關鍵字和 $.fn.dataTable.FixedColumns 函式建構表格後將 FixedColumns 新增至表格。這個函式接受兩個參數

1. 要將按鈕套用至的 DataTable 實例
2. FixedColumns 選項（這與 fixedColumns 選項可用的選項相同）。

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

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

功能

FixedColumns 為水平滾動表格提供以下功能

• 將最左邊的欄位凍結在表格的側邊
• 可以選擇凍結兩個或多個欄位
• 與 DataTables 的滾動選項完全整合