如何在弹出对话框的底部放置第二行表格?

时间:2016-08-24 14:33:50

标签: html html-table jquery-ui-dialog

这可能是一个愚蠢的问题,可能我知道解决方案,但似乎我现在存货。 :(

我正在显示一个弹出式jQuery dialog,其中包含一个包含2行的表格。第一行包含drop down list,第二行包含一个按钮:

<div id="dvSynch" style="display:none;">
    <table>
        <tr>
            <td><asp:DropDownList ID="ddlSynchUser" runat="server" ClientIDMode="Static"></asp:DropDownList></td>
        </tr>
        <tr>
            <td><a class = "ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" id="btnStartSynch" style="color:#fff;" href="#">START SYNCH</a></td>
        </tr>
    </table>              
</div>

显示弹出窗口时,按钮直接放在drop down list

如何将其放在dialog的按钮上?

1 个答案:

答案 0 :(得分:0)

我找到了办法: 我只需要将style="height:152px; vertical-align:bottom;放入第二个<td>标记:

<div id="dvSynch" style="display:none;">
    <table >
        <tr>
            <td><asp:DropDownList ID="ddlSynchUser" runat="server" ClientIDMode="Static"></asp:DropDownList></td>
        </tr>
        <tr>
            <td style="height:152px; vertical-align:bottom;><a class = "ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" id="btnStartSynch" style="color:#fff;" href="#">START SYNCH</a></td>
        </tr>
    </table>              
</div>