如何让中继器填充屏幕的宽度？

我正在使用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％; }' –

如何让中继器填充屏幕的宽度？

回答

相关问题