javascript - jQuery Datatable 表超出模板

Question

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

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

Answer 1

您可以使用 CSS 属性“溢出”来控制包含元素是否显示过大的数据表。如果你设置了overflow:hidden，表格将被截断，而如果你设置overflow:scroll，包含的元素会得到一个滚动条，你可以用它来查看整个表格（通过滚动它）。

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

最后，如果数据表大小合适，而您的问题只是包含元素太小，则需要增加该包含元素的宽度（通过 CSS 属性 width 或 min-width）。

希望有帮助。

Answer 2

没有特定的代码很难。您是否尝试过通常的 clearfix 选项？

在第二个答案中有很好的例子说明如何做到这一点，在这里： 我可以使用哪些“clearfix”方法？