Ajax Paging With Bootstrap In MVC 4

The pager also supports area's. Ajax paging in an area

@Html.Raw(Ajax.Pager(

       new Options

       {

           PageSize = Model.PageSize,

           TotalItemCount = Model.TotalItemCount,

           CurrentPage = Model.PageNumber,

           ItemTexts = new ItemTexts() { Next = "Next", Previous = "Previous", Page = "P" },

           ItemIcon = new ItemIcon() { First = "icon-backward", Previous = "icon-chevron-left", Next = "icon-chevron-right", Last = "icon-forward" },

           TooltipTitles = new TooltipTitles() { Next = "Next page", Previous = "Previous page", Page = "Go to page {0}.", First = "Go To First Page", Last = "Go To Last Page" },

           Size = Size.normal,

           Alignment = Alignment.centered,

           IsShowControls = true,

           IsShowFirstLast = true

       },

       new AjaxOptions

       {

           UpdateTargetId = "grid-list",

           OnBegin = "beginPaging",

           OnSuccess = "successPaging",

           OnFailure = "failurePaging"

       }, new { controller = "Home", action = "Index", employee_name = ViewData["employee_name"] }))

nuget package

PM> Install-Package MVC4.Paging

Download

  Demo Download