2017-02-28 61 views
0

我正在使用Repeater创建网格,但网格不能填充屏幕的宽度。它切断并在转发器的末端和右边界之间留下空白空间。 enter image description here如何让中继器填充屏幕的宽度?

我想最后<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> 

我只想边界线到达所有跨越画面的,不留缝隙。

+0

我想问问你,如果你有一个更新。谢谢法布里齐奥 –

回答

0

我设置:

table { 
    width: 100%; 
} 

这样,该表将覆盖整个窗口。然后,我可以选择为px或%提供不同的宽度,最好的方法是使用引导类。因此,包括在你的头

然后你可以设置例如COL-MD-4一类给了该列4列的跨度,你也可以隐藏SM屏幕上的列,并完成其他影响。去检查

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

或者问我更多的信息

法布里奇奥Bertoglio

+0

我试着将桌子宽度设置为100%,但那不起作用 – user123456789

+0

@ user123456789抱歉,我犯了一个错误。你应该使用'table {width:100%; }' –

相关问题