How to implement Custom Paging in webgrid in MVC4 application

In this post, I am explain How to implement Custom Paging in webgrid in MVC4 application. In asp.net mvc4 application we used webgrid for show database data and there are lots of inbuilt features like paging one of them, but it will not be a scalable web application as its load all the data from database each time when we paging on webgrid. So, for make a scalable web application we need to retrieve only the specific rows it needs from the database.
Here We will see how to implement Custom Paging in webgrid in MVC4 application. It is a very essential approach to use paging technique in applications where lot of data to be loaded from database.
Customer ID Customer Name Address City Postal Code
1 2 3 >
1 Jonny Decosta Obere Str. 57 London 5466
2 Suresh Das A/17 Khandala Canada D.A 2455
3 Satish Roy Mataderos 2312 Simla 1245
4 Mr. S. K. Almer 120 bengira Rd. Singapur 1478
5 Benji Dutta 56 chouringi hill Dubai 1456
How to implement Custom Paging in webgrid in MVC4 application
 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
</head>
<body>
    @RenderBody()

    @Scripts.Render("~/bundles/jquery")
    @RenderSection("scripts", required: false)
</body>
</html>



Posted By :