1

我的问题与这个问题非常相似。我希望我的桌子能装满它的容器，但它可以采用任何它想要的大小。

表格周围的html标签是：

<body>
  <div>
    <section>
      <table id="my_table">

div 和部分的 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%。这改变了它们的相对尺寸，但总宽度仍然太小。

这可能与部分标签有关吗？

当我在搜索字段中输入任何内容时，表格就会变成适当的大小。

一个为我复制问题的 jsFiddle：http: //jsfiddle.net/mushroom/GHU4f/1/

4

2 回答 2

3

将 width : 100% 添加到 css 部分修复了问题：

section {
    float: left;
    margin-bottom: 20px;
    width:100%;
}
于 2012-11-20T03:00:58.210 回答
0

将下面的代码添加到“table”元素对我有用。

style="width: 100%;"
于 2019-09-10T15:48:15.130 回答