您好,我想知道如何创建一个表格,该表格根据列数(取决于用户想要的列数)动态调整其宽度,每列固定宽度为 150 像素。
我的客户希望表格在超出其容器宽度时也能水平滚动。 (我认为使用 overflow-x: scroll)
一个简单的例子就可以了:)
最佳答案
您可以通过在容器中添加表格来实现此目的,并定义最大宽度和溢出:
.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>
关于jquery - 如何制作一个宽度动态调整的html表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42381660/