Display a page of the custom repeater Data Control

First, check the effect:

We can see that a dotted line will be added after each of the six titles. I 've used JavaScript to do this before, but it doesn't feel very good.

So I thought about the writing method: I used the itemindex of repeater to judge the index of the current row, and then added the dotted line HTML Tag Based on the index.

Below are someCode:

HTML code --

Code
< ASP: Repeater ID = "Rptreports" Runat = "Server" >
< Headertemplate > < Ul > </ Headertemplate >
< Itemtemplate >
< Li > <% # Eval ( " Adr_numb " ) %> </ Li >
<% # Getul (container. itemindex) %>
</ Itemtemplate >
< Footertemplate > </ Ul > </ Footertemplate >
</ ASP: Repeater >

CS code: you only need to write a simple method in the background.

Code
Public   String Getul ( Int Index)
{
Index = Index +   1 ;
If (Index %   6   =   0 )
{
Return   " </Ul> <div> </div> <ul> " ;
}
Return   "" ;
}

 

Okay. You can change the HTML code in the returned characters to indicate that the interval is not the display effect!