locked
table row cannot be kept at a row after postback RRS feed

  • Question

  • User363578564 posted

    the header is formed by a table and kept at a row with 3 columns to show

    it is ok at page load but failed after postback, last column width is changed to 300px as set (I wish to expand the 3rd column to show all buttons at same row)

    [white-space:nowrap] seems not worked after postback

    HTML source code is same before and after postback

    any ideas?  thx.

    ******      VS source code ******************

           <table class="header">                 <tr class="border_bottom">                     <td class="logo" onclick="window.location='home.aspx'; return false;">OSHCIS2</td>                     <td style="max-width:100px;overflow:hidden;text-overflow:ellipsis;border:1px solid red"><asp:Label ID="LbActivity" runat="server"  CssClass="EventLabel"/></td>                     <td style="text-align:right;white-space:nowrap;width:300px;border:1px solid blue">                         <asp:Button ID="BtnUpdateStatus" runat="server" Text="Update Status (Attend/Late)" Width="200px" CssClass="HeaderButton" />                         <asp:Button ID="BtnExport" runat="server" Text="Export" Width="80px" CssClass="HeaderButton"/>                         <asp:Button ID="BtnBack" runat="server" Text="Back" Width="80px" CssClass="HeaderButton"/>                         <asp:Label ID="LbUserName" runat="server" Text="UserName"  CssClass="LoginName"/></td>                 </tr>         </table>

    **********  HTML source code before / after postback *********************************

           <table class="header">                 <tr class="border_bottom">                     <td class="logo" onclick="window.location='home.aspx'; return false;">OSHCIS2</td>                     <td style="max-width:100px;overflow:hidden;text-overflow:ellipsis;border:1px solid red"><span id="LbActivity" class="EventLabel">Test Company&nbsp;</span></td>                     <td style="text-align:right;white-space:nowrap;width:300px;border:1px solid blue">                         <input type="submit" name="BtnUpdateStatus" value="Update Status (Attend/Late)" id="BtnUpdateStatus" class="HeaderButton" style="width:200px;" />                         <input type="submit" name="BtnExport" value="Export" id="BtnExport" class="HeaderButton" style="width:80px;" />                         <input type="submit" name="BtnBack" value="Back" id="BtnBack" class="HeaderButton" style="width:80px;" />                         <span id="LbUserName" class="LoginName">Tony WONG</span></td>                 </tr>         </table>

    Wednesday, January 11, 2017 6:16 AM

Answers

All replies