--- layout: default nav: tutorial ---

# Implementing Infinite Scrolling

This example demos an infinite scroll UI.

Note that the "server side" implementation is mocked out using mockjax, so you can see the entire implementation. Click the "Source Code" tab to see the code.

## Explanation

- The last table row of the table generated on the server side, has an `ic-append-from` attribute that loads the next page of results, and that uses `ic-trigger-on` to trigger the request when the row is scrolled into view. The row targets the body of the table to append to using the `ic-target` attribute and shows an indicator for the request via the `ic-indicator` attribute.

## Demo

Name | Email | ID #
--- | --- | ---
Agent Smith | void0@null.org | D92B582CA8GDD94
Agent Smith | void1@null.org | 4AEC9GF0F0A35G5
Agent Smith | void2@null.org | 3G80BFBF490BBAF
Agent Smith | void3@null.org | A4CB29F6G6D812D
Agent Smith | void4@null.org | FDFEGE1580A78C0
Agent Smith | void5@null.org | 96961373E447G6F
Agent Smith | void6@null.org | 05EE57C9C2GD1B0
Agent Smith | void7@null.org | 2G6BC043G9F12BD
Agent Smith | void8@null.org | 2G6BC043G9F12BD
Agent Smith | void9@null.org | 3C8D2157F4B854F