jquery - 无法获取 jQuery 数据表来填充容器

我的问题与this one 非常相似.我希望我的 table 填满它的容器，但它可以随意调整大小。

表格周围的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;
}

我没有对数据表做任何花哨的事情:

$('#my_table').dataTable()

我几乎尝试了链接帖子中的所有内容，但我无法让数据表填充它们的容器。我删除了 autoWidth 并将 4 列设置为每列 25%。这改变了它们的相对大小，但总宽度仍然太小。

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

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

最佳答案

添加 width : 100% 到 section css 解决了这个问题:

section {
    float: left;
    margin-bottom: 20px;
    width:100%;
}

关于jquery - 无法获取 jQuery 数据表来填充容器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13465447/