中继器控制中的表格布局

时间:2014-12-10 16:05:09

标签: asp.net repeater

我试图将图像中显示的表格作为转发器控件中的布局。因为我是新手 有些人可以指导我这个。客户编号下面的部分是唯一应该重复的部分,我希望每页只有两次重复(即每页两个项目详细信息)

谢谢

enter image description here

<asp:Repeater ID="RepeaterVersionsForPie" runat="server">

            <HeaderTemplate>
                <table id="VersionsTable">
            </HeaderTemplate>

            <ItemTemplate>
                <tr>
    <td class="style3">CustomerNumber</td>    
    <td class="style4">Test1:</td>    
    <td class="style5">Test2</td>    
    <td class="style7">Test3:</td>    
    <td class="style8">Test4:</td>    
  </tr>
  <tr>   
   <td class="style9"></td>    
   <td class="style10"></td>    
   <td class="style11"></td>    
   <td class="style12"></td>    
   <td class="style13"></td>
  </tr>    
            </ItemTemplate>

            <FooterTemplate>
                </table>
            </FooterTemplate>
        </asp:Repeater>

1 个答案:

答案 0 :(得分:3)

<asp:Repeater ID="RepeaterVersionsForPie" runat="server">
    <HeaderTemplate>
        <table id="VersionsTable">
    </HeaderTemplate>
    <ItemTemplate>
        <tr>
            <td class="style3">CustomerNumber</td>    
            <td class="style4">Test1:</td>    
            <td class="style5">Test2</td>    
            <td class="style7">Test3:</td>    
            <td class="style8">Test4:</td>    
        </tr>
        <tr>   
            <td class="style9" colspan="5"></td>    
        </tr>
        <tr>
            <td>Item Type:</td>
            <td rowspan="3" colspan="4" valign="top">Photo</td>
        </tr>
        <tr>
            <td>Item Number:</td>    
        </tr>
        <tr>
            <td>Date:</td>    
        </tr>   
    </ItemTemplate>
    <FooterTemplate>
        </table>
    </FooterTemplate>
</asp:Repeater>

这里快速jsfiddle