Vanilla patterns

Paginated list

List of colors and their stock quantities
ID Color Stock

This is a variant on the pre-rendered list example. Here we have a known maximum number of items per page (12), and a pagination system. Because we know we are only ever going to deal with a fixed number of items.

We have paginator triggers (buttons) above and below the table. We use the value attribute on the buttons to identify them in the DOM tree.