javascript - jQuery Datatable 表超出模板范围

Question

我正在使用 Datatables.net，我遇到了一个问题，他们的表似乎超出了其包含的 block 的约束。类似于 float 元素。我不太确定如何解决这个问题，因为我不太确定到底发生了什么。

更多次，然后更少我的表将留在我的模板范围内，并将模板与它一起推送到需要的地方，除了这个表。我的意思的例子

Answer 1

可以通过CSS属性“overflow”来控制包含元素是否显示超大数据表。如果您设置 overflow:hidden，表格将被 chop ，而如果您设置 overflow:scroll，包含的元素将获得一个滚动条，您可以使用它来查看整个表格(通过滚动它)。

但是，我猜您想防止溢出，在这种情况下，您的问题归结为数据表的宽度及其容器的宽度。如果您的数据表的内容实在是太大了，那么您需要使用数据表选项来调整内容(例如，您可能希望将 aoColumnDefs 更改为具有较短的标题文本)。如果表格的内容是您想要的，但您想让表格变小，那么您需要使用 CSS(即，您可能想要减小字体大小)。

最后，如果数据表的尺寸很好，而你的问题只是包含元素太小，你需要增加包含元素的宽度(通过 CSS 属性 width 或 min-width)。

希望对您有所帮助。