DataTables 允许您创建“复杂的标题”(需要跨越多个列或行)。如果您根据 documentation 添加一些额外的 CSS,则响应式插件与此兼容。 .
这是一个有效的 fiddle :https://jsfiddle.net/hmr9qtx3/1/
如您所见,正确调整渲染输出帧的大小会删除 <th>
行中的标签。这是版本 1.10.1
数据表和 1.0.0
的响应。
最新的 DataTables 版本是 1.10.12
,它自带的 Responsive 版本是 2.1.0
.这是换出那些版本的相同 fiddle :https://jsfiddle.net/hmr9qtx3/
在工作和非工作版本号之间,数据表和响应式插件的用法是相同的。
您会注意到,响应式插件对于非生成表头和表体都能正常运行。但是,当页面调整到足以添加滚动条/溢出时,跨 header 不会从 DOM 中删除。
如何修复或修补我的代码,使跨越 header 像工作 fiddle 一样响应?我不想使用旧版本的插件。
最佳答案
响应式插件 2.0 不支持复杂 header ,请参阅 this thread 或 this issue #59 。
作为一种解决方法,您可以继续将 Responsive plugin 1.0 与最新版本的 jQuery DataTables 一起使用。
根据 author's post :
Unfortunately yes, this is a limitation in Responsive 2.0. (...) The plan is to resolve it for 2.1. (...) The only option at the moment is to roll back to Responsive 1.x I'm afraid.
虽然您使用的是 v2.1.0,但可能尚未添加,因为 GitHub 上的 issue #59 仍处于打开状态。
关于javascript - "Complex Header"在当前 DataTables.net 构建中没有响应?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39752855/