我想制作一个ajax列可调整大小的表格,界面工作正常,但是当我调整列的大小时,浏览器最大可以放大表格100%,最终调整大小其他栏目。 我既这两种解决方案尝试,但没有一个行之有效:Html表指定在px中的列宽度不起作用
1.
min-width: 100%;
table-layout: fixed;
width: 100%;
这个解决方案,我需要才去(如果需要)超过100%,以调整任何单个列;如果我放大只有一列,例如,所有其他列的限制,他们不能保持原来的宽度(我会)
2.
table-layout: fixed;
任何想法?
编辑: 这是相关的html代码:
<table class="resizable" id="TabellaDati" ><thead> <tr>
<th id="MDT_ThID"><span>ID</span></th>
<th id="MDT_ThText" style="width: 146px;">Text</th>
<th id="MDT_ThTitle" style="width: 148px;">Title</th>
<th id="MDT_ThCssClass" style="width: 83px;">CssClass</th>
<th id="MDT_ThUrl" style="width: 92px;">Url</th>
<th id="MDT_ThOrdine">Ordine</th>
</tr>
</thead>
<tbody> <tr>
<td headers="MDT_ThID">MenuAlbo</td>
<td headers="MDT_ThText">Albo Pretorio</td>
<td headers="MDT_ThTitle">Albo Pretorio</td>
<td headers="MDT_ThCssClass"></td>
<td headers="MDT_ThUrl">/AlboPretorio</td>
<td headers="MDT_ThOrdine">2</td>
</tr>
</tbody></table>
和CSS的:
#TabellaDati {
min-width: 100%;
table-layout: fixed;
width: 100%;
}
table {
border-collapse: collapse;
}