選取

選取功能為 DataTable 加入項目選取功能。項目可以是列、欄或儲存格,可以單獨或一起選取。項目選取在互動式表格中特別有用,使用者可以在表格上執行某些操作,例如編輯列或標記項目以執行操作。

終端使用者可以透過四種不同的模式來執行項目選取

  • 作業系統(os)樣式 - 單擊會只選取單個項目,取消選取先前選取的其他項目,Shift 鍵點擊會選取一系列項目,而 Ctrl / Cmd 鍵點擊會將項目新增至選取範圍或從選取範圍中移除項目。
  • 單一項目選取(single)- 每次只能選取單個項目。任何先前選取的項目都會被取消選取。
  • 多項目選取(multi)- 單擊即可切換項目選取。
  • 具有範圍選取功能的多項目選取(multi+shift)- os 樣式和 multi 之間的混合,允許輕鬆選取多列,而不會在點擊列時立即取消選取。

也可以透過 DataTables API 選取項目(rows().select()columns().select()cells().select())。API 整合也允許輕鬆取得選取的項目 - 請參閱API 整合文件以取得詳細資訊

選取功能也會觸發多個事件,讓您知道何時已選取和取消選取項目,並且內建按鈕擴充功能的按鈕類型,可輕鬆執行全選 / 全不選和其他操作。請參閱參考文件以取得完整詳細資訊,並查看範例以了解選取功能的運作方式。

下載

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

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

初始化

如果您在頁面上包含選取擴充功能,則可以透過 API 自動為該頁面上的每個 DataTable 使用,無需額外初始化。如果您希望讓您的終端使用者可以透過點擊和點按等動作來選取項目,則可以將select選項設定為布林值 true

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

這將自動啟用作業系統樣式的列選取。其他樣式和項目選取選項,包括表格中哪些欄會觸發項目選取,可以使用select選項以物件的形式啟用。請參閱參考文件以取得可用選項的完整詳細資訊。

功能

選取功能新增以下功能

  • 在 DataTable 中選取列、欄和儲存格
  • 與 DataTables 的 API 緊密整合
  • 按鈕擴充功能完全整合
  • 多種選取樣式
  • 核取方塊欄選取選項
  • 完全國際化
  • 與 Bootstrap、Foundation 和 DataTables 支援的其他樣式函式庫完全整合