【发布时间】：2012-11-08 01:29:48
【问题描述】：
我的问题与this one 非常相似。我希望我的桌子能填满它的容器，但它可以随意调整大小。
表格周围的html标签是：
<body>
<div>
<section>
<table id="my_table">
div 和 section 的 css：
div {
width: 50%;
margin: 0px auto;
overflow: hidden;
padding: 0 0;
}
section {
float: left;
margin-bottom: 20px;
}
我没有对 dataTables 做任何花哨的事情：
$('#my_table').dataTable()
我尝试了链接帖子中的几乎所有内容，但我无法让数据表填充它们的容器。我删除了 autoWidth 并将 4 列设置为每列 25%。这改变了它们的相对尺寸，但总宽度仍然太小。
这与section标签有什么关系吗？
当我在搜索字段中输入任何内容时，表格就会变成适当的大小。
为我复制问题的 jsFiddle： http://jsfiddle.net/mushroom/GHU4f/1/
【问题讨论】：
-
您是否定义了 标签？数据表要求表有它们是的，我已经定义了thead标签。你能分享一个链接到他们在 jsfiddle.net 之类的问题的工作示例吗？或者至少发布 HTML 以便诊断问题添加了一个指向 jsFiddle 的链接，它为我复制了这个问题。我在同时使用 firefox 和 chrome 时得到了我所描述的行为。
标签： jquery css datatables