A replacement pager for the web grid
C#
Latest commit 69bf9cd Oct 10, 2013 @mdobie Merge pull request #2 from leniel/master
Added paginationStyle parameter so that we can use it with Bootstrap 3's pagination

README.md

WebMatrix WebGrid Pager Replacement

This class allows you to replace the standard pager element of the WebMatrix WebGrid with a new version that allows it to be styled with Twitter Bootstrap.

Check out the blog post here.

Usage

Add the class to the App_Code directory.

Initialize the grid at the top of your webpage like normal

WebGrid grid = new WebGrid(source)

To render the table with the new pager you need call them separately, this will render the grid and a list (ul / li) pager below.

@grid.Table(
    columns: grid.Columns(
        ...
    )
)
@grid.PagerList(mode: WebGridPagerModes.All)

To render the pager with Bootstrap styling add in the additional classes

@grid.Table(
    tableStyle: "table table-striped table-hover",
    columns: grid.Columns(
        ...
    )
)
<div class="pagination pagination-small pagination-right">
    @grid.PagerList(mode: WebGridPagerModes.All)
</div>