DataTables视口足够宽仍隐藏最后一列，如何批量禁用该行为？

好问题！这种情况通常是DataTables的响应式（Responsive）插件在默认逻辑下触发了列隐藏——哪怕表格容器看起来宽度足够，它也可能基于预设的断点或列优先级规则自动隐藏列。不用逐个设置列优先级的话，有几个简单直接的方案可以解决：

方案1：完全禁用响应式列隐藏 #

如果你的场景不需要针对小屏幕自动隐藏列，直接关掉响应式特性是最省心的办法。这样所有列都会保持可见，超出容器宽度时会自动出现横向滚动条：

$('.myDataTable').DataTable({
  responsive: false
});

方案2：调整响应式断点，让隐藏逻辑不触发 #

如果你还想保留响应式的其他特性，但不想让当前宽度下触发列隐藏，可以自定义响应式的断点列表——把断点设成一个极大的值，确保在你的使用场景下永远不会触发隐藏：

$('.myDataTable').DataTable({
  responsive: {
    // 设一个远超常规屏幕宽度的断点，几乎不会触发列隐藏
    breakpoints: [{ name: 'desktop', width: 10000 }]
  }
});

或者干脆清空断点数组，让响应式插件失去自动隐藏列的依据：

$('.myDataTable').DataTable({
  responsive: {
    breakpoints: []
  }
});

方案3：强制所有列保持最高响应优先级 #

通过columnDefs统一给所有列设置最高响应优先级，这样DataTables就不会因为优先级差异去隐藏某一列：

$('.myDataTable').DataTable({
  responsive: true,
  columnDefs: [
    // 给所有列设相同的最高优先级，确保不会被自动隐藏
    { targets: '_all', responsivePriority: 1, visible: true }
  ]
});

额外小提示 #

如果是自动列宽计算导致的“假隐藏”，可以尝试开启autoWidth: true（默认已开启，但可能被自定义配置覆盖），或者手动给<th>标签添加width属性、用CSS定义列宽，确保所有列的总宽度能被容器容纳。

内容的提问来源于stack exchange，提问作者IMB