2012-02-10 85 views
1

我有一个div元素内的html表格。超过html表格样式表布局固定

格设置为自动滚动溢出

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?

+0

你试过吗? – elclanrs 2012-02-10 08:23:10

回答

0

表,特别是表细胞不表现为一个将希望有关widthheight

如果你换你的表格单元格的内容在div? and give this div`宽度,你能更幸运

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