ASP.NET MVC Infinite Scroll Demo

Here's a table of data. Instead of loading all 500 items, let's load them only when the user calls for them. This technique can be used with any HTML element that holds repeating items. This demo uses <table>, but you can use <div> or <ul> and <li> as you need.

Customer Demo

This table starts off with 20 items. Scroll down on this page. You'll see that rows are added as you scroll down. The app will deliver 20 items at a time, up to its max of 500.

Row Employee ID # Name Address Email
1 150992486 Julie Newman 4429 Arcu Rd. Nunc.mauris@atpedeCras.ca
2 07846542 Germane Dale 298-7572 Nonummy St. tristique.pharetra@elementumpurusaccumsan.ca
3 09468585 Donovan Heath 1297 Elit Ave sit.amet@odioPhasellusat.net
4 183582135 Josiah Farmer 164-377 Ac Av. In@lobortisnisi.ca
5 270753665 Allegra Pennington P.O. Box 836, 1250 Non St. Aenean.euismod@dapibusgravida.org
6 004566528 Madison Young Apt #125-7837 Sed St. Etiam@aliquetdiam.net
7 078069006 Hakeem Patel 456-4247 Erat Av. tincidunt.aliquam@eu.co.uk
8 182913261 Rigel Jefferson Apt #748-8174 Neque. Avenue eleifend@in.net
9 038751349 Zelda Malone Ap #782-1378 A Ave sodales@Nullaeget.co.uk
10 171592612 Rhea Bowers P.O. Box 665, 4747 Mi Rd. risus.Nulla.eget@Sedmalesuadaaugue.co.uk
11 124147138 Olga Chaney Apt #517-7399 Dictum. Avenue Etiam.vestibulum@porttitoreros.com
12 730917077 Len Robles 847-8077 Consectetuer Rd. pede@sagittisNullamvitae.com
13 06144809 Jenna Wolfe 135 Pellentesque Rd. Morbi.accumsan.laoreet@semperetlacinia.net
14 304884551 Zia Austin P.O. Box 949, 7554 Sit Ave bibendum.fermentum.metus@inceptoshymenaeosMauris.com
15 020031855 Nola Kirkland 5731 Vel Rd. dis.parturient@vitae.net
16 14640786 Jaquelyn Farmer 646 Non Street Curabitur.massa.Vestibulum@aliquet.org
17 299900193 Quintessa Blackwell Apt #282-9951 Massa Rd. ante.bibendum@fringilla.co.uk
18 31286769 Medge Sims P.O. Box 202, 9814 Consectetuer Street ultricies@non.net
19 102144548 Minerva Hutchinson 584-734 Vestibulum St. libero.dui@sem.net
20 374569624 Keely Lowery P.O. Box 673, 9565 Mus. St. Nunc.sed.orci@auguescelerisque.net

Loading the next 20…