C# 带分离模板的中继器控制

C# 带分离模板的中继器控制,c#,asp.net,templates,separator,C#,Asp.net,Templates,Separator,如何在中继器控件中的每行之后创建水平线?我想我应该使用“分离模板”,我试过了,但没有成功。你能告诉我在代码中把分隔符放在哪里,使每一行分开吗 这是我的密码 <asp:Repeater ID="EmployeesRepeater" runat="server"> <HeaderTemplate> <table> <tr> <th>

如何在中继器控件中的每行之后创建水平线?我想我应该使用“分离模板”,我试过了,但没有成功。你能告诉我在代码中把分隔符放在哪里,使每一行分开吗

这是我的密码

<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>

名字
姓
标题
家庭电话

您只需在
项目模板的

中添加一个新行即可

例如:

下面是一些关于
separatortemplate
的工作原理


编辑:当您需要进行摘要格式设置或需要更多HTML、控件、绑定、,等等。如果您只想添加行,那么您应该只使用css对行进行适当的样式设置,以获得所需的输出。

如果您将适当的样式设置为
tr
元素就足够了。仅仅为了添加分隔符,不需要创建额外的行

例如:

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

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

....
风格
{
.项目{
边框底部:1px实心#cfcfcf;
}
}

ItemTemplate的结束行不是分离的地方吗?这项工作。你觉得垂直线怎么样?“我该怎么做?”查普不知道你说的垂直线是什么意思。您可以在
tr
td
中添加边框,以获得垂直线效果。我键入边框:“1px实心红色”并在“标记有效,但在”和“标记无效”。奇怪。。。
<SeparatorTemplate>
    <tr>
        <td colspan="4"><hr></td>
    </tr>
</SeparatorTemplate>
<ItemTemplate>
    <tr class="item">
   ....

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