c# - 带有 SeparatorTemplate 的中继器控制

Question

如何在中继器控件的每一行之后创建水平线？我认为我应该使用“SeparatorTemplate”，我试过但没有奏效。你能告诉我将分隔符放在代码中的哪个位置，以使每一行分开吗？

这是我的代码

<asp:Repeater ID="EmployeesRepeater" runat="server">
        <HeaderTemplate>
            <table>
                <tr>
                    <th>
                       First Name
                    </th>
                    <th>
                        Last Name
                    </th>
                    <th>
                        Title
                    </th>
                    <th>
                        HomePhone
                    </th>
                </tr>           
        </HeaderTemplate>
        <ItemTemplate>
                <tr>
                    <td>
                        <%#Eval("FirstName") %>
                    </td>
                    <td>
                        <%#Eval("LastName") %>
                    </td>
                    <td>
                        <%#Eval("Title") %>
                    </td>
                    <td>
                        <%#Eval("HomePhone") %>
                    </td>
                </tr>
        </ItemTemplate>
        <FooterTemplate>
            </table>    
        </FooterTemplate>

Answer 1

你可以<hr>在你的ItemTemplate.

例如：

<ItemTemplate>
    <tr>
        <td>
            <%#Eval("FirstName") %>
        </td>
        <td>
            <%#Eval("LastName") %>
        </td>
        <td>
            <%#Eval("Title") %>
        </td>
        <td>
            <%#Eval("HomePhone") %>
        </td>
    </tr>
    <tr>
        <td colspan="4"><hr></td>
    </tr>
</ItemTemplate>

或使用SeparatorTemplate：

<SeparatorTemplate>
    <tr>
        <td colspan="4"><hr></td>
    </tr>
</SeparatorTemplate>

这是一些关于如何工作的文档SeperatorTemplate。

编辑： 当SeparatorTemplate您需要进行摘要格式化或需要更多 HTML、控件、绑定等的东西时，这非常有用。如果您只是在寻找添加行，您应该只使用 css 来适当地设置行的样式以获得所需的输出.

Answer 2

如果为tr元素设置适当的样式就足够了。无需为添加分隔符而创建额外的行。

例如：

<ItemTemplate>
    <tr class="item">
   ....

style
{
    .item {
        border-bottom:1px solid #cfcfcf;
     }
}