Question

The dropdownlist populates the table’s rows depending on the selection. The table size is supposed to be fixed to full height, 100%, regardless of how many rows it has; however, its only ever as big as the number of rows in the table.

Here is the markup I am using:

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

And the CSS for class tblTechnicians:

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

Thanks for the help.

Answer 1

TABLE structures/elements are not DIVs. You cannot force a table to assume an arbitrary height in every scenario. Perhaps you should use DIVs instead to accomplish your layout objectives?? I’ve also tried all of the above to no avail. Unless I’m missing something.

You can however set your table height to match 100% (or whatever %) of your window height with JQuery:

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

Good Luck