1

下拉列表根据选择填充表格的行。表格大小应该固定为全高，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%;            
}

谢谢您的帮助。

4

3 回答 3

2

您需要在父容器上设置 100% 的高度。包括HTML和Body，如：

html,body,form {height:100%}

如果此表所在的任何其他容器也需要设置为 100% 的高度。

于 2012-10-18T16:27:18.913 回答
2

尝试在其上设置最小高度，任何容器同上：

.tblTechnicians 
{
    width: 100%;
    min-height: 100%;            
}
于 2012-10-18T16:30:29.727 回答
2

TABLE 结构/元素不是 DIV。您不能强制表格在每种情况下都假定任意高度。也许您应该使用 DIV 来完成您的布局目标？我也尝试了以上所有方法都无济于事。除非我错过了什么。

但是，您可以使用 JQuery 将表格高度设置为与窗口高度的 100%（或任何百分比）匹配：

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

祝你好运

于 2012-10-18T16:36:25.693 回答