jQuery Datatable表不在模板之外

时间:2012-05-01 19:21:52

标签: javascript jquery html css datatable

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

然后更少次我的表将保留在我的模板的范围内,并在需要的地方推送模板,除了这个表。我的意思是

enter image description here

2 个答案:

答案 0 :(得分:1)

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

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

最后,如果数据表的大小合适,并且您的问题只是包含元素太小,则需要增加包含该元素的宽度(通过CSS属性宽度或最小宽度)。 / p>

希望有所帮助。

答案 1 :(得分:0)

没有具体的代码,这很难。您是否尝试过通常的clearfix选项?

在第二个答案中有很多如何做到这一点的例子,这里: What methods of ‘clearfix’ can I use?