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'表示该列始终可见，无论浏览器宽度如何。< / p>

Answer 2

如果您可以编辑HTML，则可以将data-priority="1"属性添加到您不想隐藏的th元素中。例如：

<th data-priority="1">Last column</th>

具有响应式扩展程序

2 个答案: