2011-07-12 111 views
0

我想知道是否有可能有一個固定的表格佈局,並在中間有一列,寬度比所有其他...?在表固定佈局如何給一個列寬度寬於所有其他?

我很感激任何幫助! :)

謝謝, Piotr。

+0

表與表格的佈局可能的重複:固定;以及如何使一個列更寬](https://stackoverflow.com/questions/6253963/table-with-table-layout-fixed-and-how-to-make-one-column-wider) – thigi

回答

0

只需在對應於較寬列的TD標記上設置width屬性即可。

實施例:

<table width="650"> 
    <tr> 
     <td width="100">normal</td> 
     <td width="100">normal</td> 
     <td width="250">wide</td> 
     <td width="100">normal</td> 
     <td width="100">normal</td> 
    </tr> 
</table> 
+0

嗨,謝謝你你的答案,但它沒有幫助...只要我在我的CSS:'table-layout:fixed;'它不會工作,但我需要寬度被固定,以便當我動態添加行到javascript表格,我的列不會調整大小,因爲它看起來不好...其中一個需要比其他人更寬,雖然容納更廣泛的下拉選擇元素。再次感謝,並希望得到更多的建議! :) – Piotr

+0

在這種情況下,我想你必須使用JS來解決它。 –

+0

如何用js修復它,儘管...有什麼想法? – Piotr

0

只需添加樣式= \ 「寬度:20%; \」 到該列的第(或TD)標記。檢查[1]:

<table style="table-layout:fixed; border: 1px solid black; "> 
    <tr> 
     <th style="width:30% ">name</th> 
     <th style="width:70% ">Color</th> 
    </tr> 
    <tr> 
     <td>N1</td> 
     <td>red</td> 
    </tr> 
    <tr> 
     <td>N2</td> 
     <td>blue</td> 
    </tr> 
</table> 

[1] http://jsfiddle.net/AP5rL/1/

0

你能添加一個類,需要不同寬度的列?如果是這樣,你可以使用類來操縱寬度:

HTML

<table width="650"> 
    <tr> 
    <td>normal</td> 
    <td>normal</td> 
    <td class="wider">wide</td> 
    <td>normal</td> 
    <td>normal</td> 
    </tr> 
</table> 

CSS

td.wider { 
    width: 250px; 
} 
相關問題