2012-10-18 50 views
1

下拉列表根據選擇填充表格的行。無論有多少行,表格大小應該固定爲全高,100%;然而,它的大小隻有表格中的行數。我的一個html表格不能保持100%的高度

這裏是我使用的標記:

<table style="width:100%;height:100%"> 
    <tr> 
     <td class="auto-style9"> 
      <asp:DropDownList ID="ddlTechnicians" runat="server" AutoPostBack="True" 
      OnSelectedIndexChanged="ddlTechnicians_SelectedIndexChanged"> 
       <asp:ListItem Selected="True">Online</asp:ListItem> 
       <asp:ListItem>Offline</asp:ListItem> 
       <asp:ListItem>All Users</asp:ListItem> 
      </asp:DropDownList> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      <asp:Table ID="tblTechnicians" CssClass="tblTechnicians" 
      runat="server"> 
      </asp:Table> 
     </td> 
     </tr> 
</table> 

而對於類tblTechnicians的CSS:

.tblTechnicians 
{ 
    width: 100%; 
    height: 100%;    
} 

感謝您的幫助。

+1

沒有必要定義高度爲100%。它會自動增加行插入。 –

+0

我不希望它自動調整。我想在100%的固定高度,雖然 –

+1

我想這個答案可以幫助你:http://stackoverflow.com/questions/8977470/how-to-adjust-100-on-my-table-height在所有屏幕分辨率 – Aristos

回答

2

表結構/元件不是的DIV。在任何情況下,您都無法強制表格採用任意高度。也許你應該使用DIV來完成你的佈局目標?我也嘗試了以上所有都無濟於事。除非我錯過了一些東西。

但是,您可以將您的檯面高度與JQuery的匹配100%(或任何%)的窗口高度:

$("table").css('height', $(window).height()); 

好運

2

您需要在父容器上設置100%的高度。包括HTML和Body,如:

html,body,form {height:100%} 

如果還有其他容器,這個表格坐在裏面,他們也需要100%的高度設置。

+0

已經所有設置爲100%以前。我會仔細檢查,但我很確定每個容器都是100%。 –

+1

不要忘記你的表格 - 我前幾天有過這個問題,難道我難倒了注意到asp.net表單需要它設置 – Darren

+1

我也讀過一段時間之前,默認的.net文件類型.net doesn'不要注意桌子的高度。你可以嘗試doc type <!DOCTYPE HTML PUBLIC「 - // W3C // DTD HTML 4.01 Transitional // EN」> - 可能有幫助嗎? – Darren

2

嘗試設置在其上的最小高度,同上,用於任何容器:

.tblTechnicians 
{ 
    width: 100%; 
    min-height: 100%;    
} 
+0

不幸的是,min-height並沒有做任何事情 –

+1

嘗試使用包含所有行的TD單元格並將其應用於該單元格? – IrishChieftain