jQuery Datatable 表超出模板答案

【问题标题】：jQuery Datatable table is going outside of templatejQuery Datatable 表超出模板
【发布时间】：2012-05-01 19:21:51
【问题描述】：

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

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

【问题讨论】：

请显示 html/css 或使用 jsfiddle.. 很难确定究竟是什么原因造成的。
我觉得它看起来有点酷..

标签： javascript jquery html css datatable

【解决方案1】：

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

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

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

希望对您有所帮助。

【讨论】：

问题在于，包含元素的宽度不是静态的。这让我有点困惑。我有像这样的表，可以根据需要将模板推出，但这个不是那么多..我在玩它时发现了我正在研究的另一个方面，它使用相当于 jquery 的 load()将特定的信息带到页面上，所以我想知道这是否与它有关。
我不明白为什么加载会产生影响，但如果你想测试这个理论，你可以尝试在加载后立即设置包含元素的宽度，看看它是否能解决问题。跨度>
要对此进行扩展，您可能还需要检查是否有一个单词太长。可能只需要逗号分隔列表上的逗号后的空格、其他一些内容更改或更改您正在使用的自动换行。

【解决方案2】：

没有具体的代码就很难了。您是否尝试过通常的 clearfix 选项？

在第二个答案中有很好的例子说明如何做到这一点，这里： What methods of ‘clearfix’ can I use?

【讨论】：