javascript - 具有响应扩展的 DataTables 列可见性

Question

我是 jQuery DataTables 的新手。我刚刚阅读了 DataTables 提供的响应表功能，请参阅 this example .

此处的列在窗口调整大小时隐藏，但问题是最后一列也隐藏了。我们可以定义在不同的窗口大小下必须隐藏哪一列吗？

Answer 1

参见 Class logic用于细粒度控制每列何时可见。

例如，始终显示最后一列:

$(document).ready(function(){
    $('#example').DataTable({
       responsive: true,
       columnDefs: [
          targets: -1,
          className: 'all'
       ]
    });
});

哪里columnDefs.targets设置为 -1 指向最后一列(列索引从右边开始计数)，并且 className: 'all' 表示该列将始终可见，无论浏览器宽度如何.