Question

我在div元素中有一个html表。

div设置为溢出时自动滚动

div.container {overflow-x: scroll; overflow-y: hidden;}

我想要实现的是 - 表格单元格可以自动调整，但如果超过任何单元格的最小宽度（比如自动添加更多列），则应将视图设置为自动滚动。

<table cellspacing=0px id="tbl_iss" class="issues" style="table-layout: fixed" width="100%">
<thead>
<tr bgcolor="#D0D0D0" >
   <th width=50px style="min-width: 50px; _width: 50px;">Issue#</th>
   <th width=100px style="min-width: 100px; _width: 100px;">Abc</th>
   <th width=100px style="min-width: 100px; _width: 100px;">xyz</th>
   <th width=120px style="min-width: 100px; _width: 120px;">Pqr</th>
   <th width=200px style="min-width: 200px; _width: 200px;">Stu</th>
   <th width=120px style="min-width: 120px; _width: 120px;">efg</th>
</tr>
</thead>
</table>

评论PLZ？

Answer 1

表格，特别是表格单元格的行为与width和height

的行为无关

如果你将表格单元格的内容包裹在宽度的div? and give this div中，你可能会更幸运

<th><div style="min-width: 50px; _width: 50px;">Issue#</div></th>

覆盖html表格样式table-layout-fixed

1 个答案: