jQuery Datatables，如何動態隱藏指定的列

Question

我想在頁面更改大小（響應）時隱藏數據表中的某些列。我想顯示/隱藏一些列取決於curremt大小。

謝謝。

Answer 1

這很簡單。

var tbl = $('your_datatable_selector'); 

// Work with column 2 
tbl.DataTable().column(2).visible(false); // or true, if you want to show it 

Answer 2

使用Responsive擴展名根據屏幕大小動態顯示/隱藏列。

（可選）您可以使用responsivePriority選項確定首先隱藏哪些列，有關更多詳細信息，請參見Column priority。

或者，您可以將特殊類別指定給th元素以定義列行爲，有關更多詳細信息，請參見Class logic。

你只需要包含額外的CSS/JS文件，並使用responsive選項，如下所示。

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