jQuery Datatables，如何动态隐藏指定的列

Question

我希望在页面更改大小（响应）时隐藏数据表中的某些列。我想根据当前的大小显示/隐藏一些列。

谢谢。

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