C # Repeater, Webdiyer:aspnetpager pagination Aspnetpager page styles

Aspnetpager pagination Style: 1, NetEase style 2, Pat style 3, Thunder style address: http://www.webdiyer.com/aspnetpagerdemo/applystyles/default.aspx

Bootscript under the framework of the page:

   <div class= "Row" > <div class= "col-lg-1 col-sm-4 col-xs-4 col-xxs-12" >                                </div> <div class= "col-lg-11 col-sm-12 col-xs-12 col-xxs-12" > <table class= "Table table-striped table-hover table-bordered bootstrap-datatable" id= "D                                        ATATABLES_TABLE_CSTC "aria-describedby=" Datatables_table_cstc_info "> <thead> <tr> <td class= "sorting" > Customer service &L                                            t;/td> <td class= "sorting" > Contact time </td> &LT;TD class= "Sorting" > Comment information </td> <td class= "Sortin                                        G "> Deal amount </td> <td class=" sorting "> Time </td> &lT;/tr> </thead> <tbody>                                            <asp:repeater id= "REPEATER_CSTC" runat= "Server" >                                                    <ItemTemplate> <tr>                                                    &LT;TD class= "" ><% #Eval ("Customerserviceid")%></td>                                                    &LT;TD class= "" ><% #Eval ("Nextcontactdate")%></td> &LT;TD class= "" ><% #Eval ("Remark")%></td> <td class= "" ><% #Eval ("Transactionamount")%></td> <td class= "" > <% #Eval ("CreateDate"). ToString () = = "0001/1/1 0:00:00"? ": Eval (" CreateDate ").                                          ToString ()%></td>      </tr> </ItemTemplate>                            </asp:Repeater> </tbody> </table> </div> </div> <div class= "Row" style= " margin-top:15px; " > <div class= "col-lg-1 col-sm-4 col-xs-4 col-xxs-12" > </                                div> <div class= "col-lg-11 col-sm-12 col-xs-12 col-xxs-12" > <%--<div style= ' font-size:14px; > Total <label style= "color: #20A8D8; font-size:14px; "" ><%=this. ASPNETPAGER_CSTC. RecordCount%></label> Records </div>--%> </div> </ div> <div class= "Row" > <div class= "col-lg-1 col-sm-4 col-xS-4 col-xxs-12 "> </div> <div class=" col-lg-11 col-sm-12 col-xs-12 col-xxs-12 "> <webdiyer:aspnetpager id=" ASPNETPAGER_CSTC "cssclass=" Paginato R "currentpagebuttonclass=" CPB "onpagechanged=" aspnetpager_cstc_pagechanged "runat=" Ser Ver "firstpagetext=" Home "lastpagetext=" last "nextpagetext=" ← Next page "prevpagetext=" ← Previous "ALW Aysshow= "true" showpageindexbox= "Never" numericbuttoncount= "ten" Currentpagebuttonpositi on= "End" showfirstlast= "false" > </webdiyer:aspnetp Ager> </div> </div>

Aspnetpager.css

. paginator {    font:11px Arial, Helvetica, Sans-serif;    padding:10px 0px 10px 0;    margin:0px;    Text-align:right;}    . Paginator a {        padding:1px 6px;        Border:solid 1px #ddd;        Background: #fff;        Text-decoration:none;        margin-right:2px;        Color: #20A8D8;    }        . Paginator a:visited {            padding:1px 6px;            Border:solid 1px #ddd;            Background: #fff;            Text-decoration:none;            Color: #20A8D8;        }    . Paginator. CPB {        padding:1px 6px;        Font-weight:bold;        font-size:13px;        Border:none;        Color: #ffffff;        Background: #20A8D8;    }    . Paginator a:hover {        color: #fff;        Background: #20A8D8;        Border-color: #20A8D8;        Text-decoration:none;    }

：