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

Question

我是jQuery DataTables的新手.我刚刚阅读了DataTables提供的响应表功能,请参阅此示例.

这里的列隐藏在窗口大小调整,但问题是最后一列也隐藏了.我们可以定义哪些列必须隐藏在不同的窗口大小上吗？

Answer 1

请参阅类逻辑,以便在每列可见时进行细粒度控制.

例如,要始终显示最后一列:

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

其中columnDefs.targets设置为-1指向最后一列(列索引从右侧开始计数),并className: 'all'指示该列始终可见,无论浏览器宽度如何.