Html表指定在px中的列寬度不起作用

我想製作一個ajax列可調整大小的表格，界面工作正常，但是當我調整列的大小時，瀏覽器最大可以放大表格100％，最終調整大小其他欄目。我既這兩種解決方案嘗試，但沒有一個行之有效：Html表指定在px中的列寬度不起作用

min-width: 100%; 
table-layout: fixed; 
width: 100%;

這個解決方案，我需要纔去（如果需要）超過100％，以調整任何單個列;如果我放大隻有一列，例如，所有其他列的限制，他們不能保持原來的寬度（我會）

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; 
}

來源

2010-12-20 ʞᴉɯ

-1

我回答在幾天前設置列寬與CSS的問題。這可能有助於確保首先正確設置。 How to set table column width..基本上我發現我需要設置表格寬度以及th/td。之後，表格佈局：固定應該可以正常工作。

編輯：
SO，我錯過了你有單元格寬度設置在線。所以我加載了你的標記和CSS，看起來很棒。（我正在使用Chrome）

然後我很困惑問題是什麼，所以我也意識到這很可能是一個AJAX問題。我對AJAX並不熱衷，但我仍然在檢查它。

更新：
是否有你必須使用Ajax的原因？也就是說，有什麼好處，你獲得通過這樣的使用，而不是純醇」的Javascript AJAX：

var colText = document.getElementById('MDT_ThText'); 
function setWidth(w) { 
colText.style.width = w + "px"; 
}

我覺得這會是一個全世界都變得更容易，而且它保持良好的格式化與標記和樣式你有。

如果您堅持使用AJAX，請提供您的關於AJAX的代碼。

來源

2010-12-20 12:43:19 ptpaterson

Html表指定在px中的列寬度不起作用

回答

相關問題