jQuery DataTables-具有ScrollY的响应表不工作

我正在使用带有响应表的DataTables插件，修复了YSCROL和禁用XSCROL

但我仍然得到水平滚动条，尽管我添加了如下代码

scrollY: 200,
scrollX: false,

截图参考：

无论如何，我使用的是响应表，为什么我要显示水平滚动条

因此，在列上展开/折叠功能也不起作用

请参考下面的代码、在线示例和屏幕截图

CSS

如果我删除上面的css，它将按预期工作。但是我不想总结td/th文本。这就是我面临的问题：

jQuery：

HTML

向columndefs添加类名：“无”

columnDefs: [
  { className: 'none', targets: 1 }
]

响应插件和可见性隐藏选项之间似乎存在冲突。

将此更改为：

columnDefs: [
  { visible: false, targets: 1 }
],

致：

水平滚动条就会消失

工作叉：

---

如果您使用的是Responsive，则Responsive将决定列的可见性。如果不希望显示特定列中的数据，请按如下所示使用never类

"columnDefs": [ {
    /*"visible": false, <- this does not work with responsive*/
    "className": "never",
    "targets": 0,
    }]

---

删除CSS规则th，td{white space:nowrap；}以删除水平scrolbar。@Gyrocode.com。。。谢谢你。。但出于某种原因，我必须在应用程序中维护“nowrap”属性：那么恐怕这是不可能的。您的设置还存在其他问题，例如显示的位置标题、单击行选择中的名称单元格结果和加号打开/关闭、响应插件似乎无法工作等，并且不建议从中加载文件https://www.datatables.net 如果访问被阻止，请使用//cdn.datatables.net。Yes@Gyrocode.com，如果删除空白属性，则只有展开/折叠有效…：有什么原因不能将body{margin:50px；max width:700px；}更改为body{margin:50px；max width:900px；}？谢谢@UncleRico，它的工作方式就像champ一样。。。通过演示，您的智能答案获得50分。。。多亏了Lottwell，根据文档，targets标记了应该应用相应选项的列的数量。因此，如果不需要该选项，则不必指定目标；您只需删除列defs all。可见：false表示要在目标中隐藏此列。

columnDefs: [
  { className: 'none', targets: 1 }
]

columnDefs: [
  { visible: false, targets: 1 }
],

columnDefs: [
  { targets: 1 }
],

"columnDefs": [ {
    /*"visible": false, <- this does not work with responsive*/
    "className": "never",
    "targets": 0,
    }]