【问题标题】:DataTables Responsive Plugin Overflow on small screens小屏幕上的 DataTables 响应式插件溢出
【发布时间】:2016-01-28 21:22:56
【问题描述】:

我遇到了 DataTables 的响应式插件(版本 1.10.4)的问题,可以在提供的图像中看到。我目前正试图让它在屏幕很小的手机上正确显示。当列变得足够小以至于不能再缩小时,就会出现问题。与 Responsive 不同的是,它不会自动隐藏该列,而是让它保持可见,直到大部分列溢出后再隐藏它。

它似乎忽略了包含的 div 宽度,而只关心窗口大小。它确实适用于某些表格(宽度恰好排列正确,因此 Responsive 隐藏了所有正确的列)

我不“认为”这是一个自定义 CSS 问题,但我可能错了。有关修复的任何想法或我可以采取哪些措施来解决此问题?

将 DataTables 更新到较新的版本是可能的,但并不理想(许多表正在使用已停用的插件,需要进行大量修改)

谢谢

【问题讨论】:

  • 你能拿出一个 jsfiddle 例子来展示你的问题吗?

标签: css responsive-design datatables


【解决方案1】:

我终于找到了我的问题。非常感谢https://github.com/DataTables/Responsive/issues/20 的帖子为我指明了正确的方向。

我使用的响应版本是 1.0.2,该错误似乎已在 1.0.4 中修复。

最终将 DataTables 升级到最新版本(1.10.4 到 1.10.10),并添加了两个“退休”插件 TableTools 和 ColVis 的最新版本,它们似乎工作得很好,所以我不需要这样做大量的重构。 https://www.datatables.net/download/packages

【讨论】:

    猜你喜欢
    • 2021-06-05
    • 2021-02-13
    • 2014-10-10
    • 2017-01-22
    • 2020-05-03
    • 1970-01-01
    • 2012-08-31
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多