Click here to Skip to main content
13,096,798 members (101,764 online)
Click here to Skip to main content
Add your own
alternative version

Tagged as


7 bookmarked
Posted 10 May 2013

GridView Pager Template

, 30 Sep 2013
Rate this:
Please Sign up or sign in to vote.
GridView pager template

I recently created a dynamic data project and needed to change its layout, most things went well until I came to changing the list page. This consisted of a Gridview and standard pager template. I had already started using bootstrap (for ease of use) so wanted to change the table to use bootstrap table classes with its standard pager. After much searching, I managed to get the table outputting correctly using CSS Friendly adapters. However, the pager was a bit lacking.

I had already developed a paging control for a different project and it looked like a fairly simple modification to get it to use the gridview.

The pagers itself is a scrolling window pager with:

  • Optional ‘First/Last’ and ‘Previous/Next’ links with easily changeable text
  • Changeable ’Pager links to show’ setting
  • Easily modifiable HTML output

Simply add the following class into your project:

Gridview pager template class

Reference it in your gridview, this is how my gridview looks:

<asp:GridView ID="GridView1"





    CssClass="table table-striped"



    PageSize="5" >
        <asp:GridPager ID="GridViewPager1" runat="server"







        There are currently no items in this table.


This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


About the Author

Tony Gayter
Web Developer
United Kingdom United Kingdom
No Biography provided

You may also be interested in...

Comments and Discussions

QuestionUnknown server tag error Pin
Member 1104353028-Aug-14 7:07
memberMember 1104353028-Aug-14 7:07 
AnswerRe: Unknown server tag error Pin
Tony Gayter28-Aug-14 7:26
memberTony Gayter28-Aug-14 7:26 
GeneralRe: Unknown server tag error Pin
Member 1104353029-Aug-14 4:07
memberMember 1104353029-Aug-14 4:07 
QuestionCode missing Pin
briankitt29-Sep-13 16:14
memberbriankitt29-Sep-13 16:14 
AnswerRe: Code missing Pin
Tony Gayter30-Sep-13 0:41
memberTony Gayter30-Sep-13 0:41 
GeneralRe: Code missing Pin
briankitt30-Sep-13 5:26
memberbriankitt30-Sep-13 5:26 
GeneralRe: Code missing Pin
kbalint4-Apr-14 3:08
memberkbalint4-Apr-14 3:08 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

Permalink | Advertise | Privacy | Terms of Use | Mobile
Web03 | 2.8.170813.1 | Last Updated 30 Sep 2013
Article Copyright 2013 by Tony Gayter
Everything else Copyright © CodeProject, 1999-2017
Layout: fixed | fluid