DataTables响应式插件在小屏幕上溢出

时间:2016-01-28 21:22:56

标签: css responsive-design datatables

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

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

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

将DataTables更新为更新版本是可能的,但并不理想(许多表使用的是退役插件,需要进行大量修改)

由于

Image

1 个答案:

答案 0 :(得分:0)

我终于找到了我的问题。非常感谢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