Question

您好我想知道如何根据列数动态调整其宽度（取决于用户需要的数量），每个固定宽度为150px。

我的客户希望桌子在超出容器宽度时也能水平滚动。（我认为使用 overflow-x：scroll ）

一个简单的例子就可以了：）

Answer 1

您可以通过在容器中添加表来执行此操作，并定义了max-width和overflow：

.table-container {
  max-width: 100%;
  overflow-x: auto;
}

table {
  border-collapse: collapse;
}

table td {
  min-width: 150px;
  max-width: 150px;
}

<div class="table-container">
<table>
  <tr>
    <td>c1</td>
    <td>c2</td>
    <td>c3</td>
    <td>c4</td>
    <td>c5</td>
  </tr>
  
</table>
</div>

如何制作宽度动态调整的html表

1 个答案: