如何讓中繼器填充屏幕的寬度？

我正在使用Repeater創建網格，但網格不能填充屏幕的寬度。它切斷並在轉發器的末端和右邊界之間留下空白空間。如何讓中繼器填充屏幕的寬度？

我想最後<td>標籤設置爲width:100%這確實使走線在所有方式，但它引起的一切其他列移動到最左邊，並破壞了佈局。

代碼：

<tr> 
       <td style="border-left:1px solid; border-right:1px solid; height:400px" > 
        <asp:Repeater ID="rptHazDetails" runat="server"> 
        <HeaderTemplate> 
         <table border="1"> 
          <tr style="border-bottom:1px solid;"> 
           <td> 
            UN Number, </br> 
            Proper Shipping Name 
           </td> 
           <td style="padding:5px"> 
            Class , </br> 
            Packing Group 
           </td> 
           <td style="padding:5px"> 
            Pieces 
           </td> 
           <td style="padding:5px"> 
            Tunnel Code 
           </td> 
           <td style="padding:5px"> 
            Gross KG 
           </td> 
           <td style="padding:5px"> 
            Net KG 
           </td> 
          </tr> 
        </HeaderTemplate> 
        <ItemTemplate> 
         <tr style="border-bottom:1px solid;"> 
          <td style="padding:5px;"> 
           <asp:Label ID="lblUNNumber" runat="server" Text='<%# Eval("UnNumber") %>' /> </br> 
           <asp:Label ID="lblProper" runat="server" Text='<%# Eval("Packages") %>' /> 
          </td> 
          <td style="padding:5px;"> 
           <asp:Label ID="lblClass" runat="server" Text='<%# Eval("IMOClass") %>' /> </br> 
           <asp:Label ID="lblPacking" runat="server" Text='<%# Eval("IMOPage") %>' /> 
          </td> 
          <td style="padding:5px;"> 
           <asp:Label ID="lblPieces" runat="server" Text='<%# Eval("PieceBreakDown") %>' /> 
          </td> 
          <td style="padding:5px;"> 
           <asp:Label ID="lblTunnelCode" runat="server" Text='<%# Eval("TunnelCode") %>' /> 
          </td> 
          <td style="padding:5px;"> 
           <asp:Label ID="lblGrossWeight" runat="server" Text='<%# Eval("GrossWeight","{0:0.##}") %>' /> 
          </td> 
          <td style="padding:5px;"> 
           <asp:Label ID="lblNetWeight" runat="server" Text='<%# Eval("NetWeight","{0:0.##}") %>' /> 
          </td> 
         </tr> 
        </ItemTemplate> 
        <FooterTemplate> 
         </table> 
        </FooterTemplate> 
       </asp:Repeater> 
       </td> 
      </tr>

我只想邊界線到達所有跨越畫面的，不留縫隙。

來源

2017-02-28 user123456789

我想問問你，如果你有一個更新。謝謝法布里齊奧 –

我設置：

table { 
    width: 100%; 
}

這樣，該表將覆蓋整個窗口。然後，我可以選擇爲px或％提供不同的寬度，最好的方法是使用引導類。因此，包括在你的頭

然後你可以設置例如COL-MD-4一類給了該列4列的跨度，你也可以隱藏SM屏幕上的列，並完成其他影響。去檢查

http://getbootstrap.com/css/#grid

或者問我更多的信息

法布里奇奧Bertoglio

來源

2017-02-28 15:48:14

我試着將桌子寬度設置爲100％，但那不起作用 – user123456789

@ user123456789抱歉，我犯了一個錯誤。你應該使用'table {width：100％; }' –

如何讓中繼器填充屏幕的寬度？

回答

相關問題