響應式

在現代響應式網頁設計的世界中，表格的列式佈局往往會給設計師帶來特殊的問題。Responsive 是 DataTables 的一個擴充功能，它通過動態地在表格中插入和移除欄位，針對不同的螢幕尺寸優化表格的佈局，從而解決這個問題。

下載

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

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

初始化

Responsive 可以在 DataTables 中以多種不同的方式使用。這些選項中最簡單的是將responsive 選項與布林值一起加入到您的 DataTables 選項中（也可以使用物件進行細微的控制 - 請參閱參考文件以獲取完整詳細資訊）

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

功能

主要功能包括

• 將您的響應式設計擴展到 HTML 表格
• 完全控制斷點處的欄位可見性，或自動可見性
• 表格中收合的資訊顯示在子列中
• 與 DataTables 無縫整合
• 適用於 Bootstrap、Foundation 和其他響應式 CSS 框架