Live Editing Disabled for Server-Side Example
Pagenation is Classic ASP - EE's very own Carrzkiss <% ' Updated on 9/28/2022 ' Changed from using a to using
Grid. %> <% ' Check to see if there are any records to display. If there is not, then show a message; else, let the people know how many records are available.     if rsSearch.eof then%> Sorry, there are no records available     <%else%> Showing page <%=CurrentPage%> of <%=TotalPages%> : Total of Records: <%=Number%>
ID
First Name
Last Name
<% While Not rsSearch.EOF and Count < rsSearch.PageSize count = count + 1          ' If we have records, then display them using the Variables listed below.     if not rsSearch.eof then     ID = rsSearch("id")     fname = rsSearch("first_name")     lname = rsSearch("last_name")     end if     %> <%'This is were your Table of records go%>
<%=ID%>
<%=fname%>
<%=lname%>
<%rsSearch.movenext wend%>
@charset "utf-8"; /*This is for the paging.*/ #Paging {     margin:2.5px 0 0 0; padding:2.5px 0 2.5px 0; } #Paging .One {     border:1px double #000;     background-color:#036;     color:#FFF;     padding:4.5px; /*Make the selected number container larger then those around it.*/     font-size:10pt; } #Paging .NotOne {     border:1px double #000;     padding:2.5px;     font-size:10pt; } #Paging .Numbered {     border:1px double #000;     padding:2.5px;     font-size:10pt; } #Paging .Dots {     font-size:12px;     background-color: #f1f1f1; color: black;     border:1px double #000;     padding:5px; } .StraightLined {     display: inline; } body{     background-color:#000;     color:#D6D6D6;     width:95%; } a:link, a:link font, a:active, a:active font, a:visited, a:visited font{ font-family: Arial; font-size: 12px; color:#666666; text-decoration: none; } a:hover{ text-decoration:overline underline; } .tdID{     text-align:left;     vertical-align:top;     border:1px #333 double;     width:50px; } .tdRound{     text-align:left;     vertical-align:top;     border:1px #333 double;     width:150px; } /*Let's set the page to the center. It just looks more professional than having it set alLeft or alRight*/ #MainDiv{     margin-left:auto;     margin-right:auto;     width:600px; }
Preview