RowGroup(行分組)

表格中將資料列分組的功能,可以讓終端使用者快速且輕鬆地看到所顯示資料的結構,並且還能向他們呈現每個群組中顯示資料的摘要。RowGroup 為 DataTables 新增了此功能,能夠自訂在 DataTable 中顯示的起始和結束分組列,讓您能夠整合摘要資料,以完美地符合您的網站。

下載

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

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

初始化

RowGroup 可以透過在 DataTables 選項物件中使用 rowGroup 選項在 DataTable 上初始化。在大多數情況下,您還希望設定 rowGroup.dataSrc 選項,以告訴 DataTables 使用資料來源中的哪個資料點進行初始分組。還可以設定其他選項 - 請參閱參考文件以取得完整詳細資訊

$('#myTable').DataTable( {
    rowGroup: {
        dataSrc: 'group'
    }
} );

功能

RowGroup 為 DataTables 新增了以下功能

  • 資料分組
  • 用於分組開始和/或結束列的可自訂渲染器
  • 用於動態變更分組資料點的 API
  • 用於動態啟用和停用此功能的 API
  • 與 Bootstrap、Foundation 以及 DataTables 支援的其他樣式函式庫完全整合

限制與未來工作

RowGroup 提供的功能很有用,但在某些方面也有限。以下限制是已知的,將作為未來更新的主題(目前尚未有這些功能的時間)

  • 沒有展開/摺疊群組的選項
  • 目前一次只能使用單一資料點進行分組 - 不支援巢狀分組
  • 點擊並拖曳欄標頭來分組
  • 不支援 Buttons 擴充套件的匯出選項 - 分組資訊會被忽略
  • 不支援 Scroller 擴充套件

請參閱 相容性圖表 以取得更多資訊。