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 
});