Pager Control Samples

The Pager control provides a control and data independent pager interface that allows full control over paging either manually via pure property interface or via several filter helper methods that can take IQueryable, IEnumerable or DataTable data sources and automatically filter them. The control is easily CSS stylable using straight forward HTML markup and use HREF based linking for SEO friendly navigation. Note that because the pager is not using Postbacks to handle page links state on multiple pagers (and any other controls) is lost upon paging. If you need Postback based paging stick with DataPager or native GridView paging.

Base Pager with a ListView Control

This example uses the stock styling from the style sheet with default styles applied. The pager pages over a very small list of portfolio items, so the paged list only displays a few pages.

Customer List
Alfreds Futterkiste
Entered: 10/10/2009
Maria Anders
Obere Strasse 11:57 PM
Germany
Ana Trujillo Emparedados y helados
Entered: 3/17/2009
Ana Trujillo
Avda. de la Constitución 2222
Mexico
Antonio Moreno Taquería
Entered: 3/17/2009
Antonio Moreno;asdfas
Mataderos 2312
Mexico
Around the Horn
Entered: 3/17/2009
Thomas Hardy
120 Hanover Sq.
UK
Pages: 1 2 3 4 23 Next

Using a DataGrid Control with a pager

This example demonstrates how to display a pager in combination with a plain jane GridView control using similar styles to make the pager appear to be integrated with the grid.

NameCompanyCountry
Maria AndersAlfreds Futterkiste Germany
Ana TrujilloAna Trujillo Emparedados y heladosMexico
Antonio Moreno;asdfasAntonio Moreno TaqueríaMexico
Thomas HardyAround the HornUK
Christina BerglundBerglunds snabbköpSweden
Hanna MoosBlauer See DelikatessenGermany
Frédérique CiteauxBlondesddsl père et filssssFrance
Martín SommerBólido Comidas preparadas!Spain
Pages: 1 2 3 4 12 Next