Displaying a Grid of Data in ASP.NET MVC | CodeGuru

Displaying a Grid of Data in ASP.NET MVC

One of the most common tasks we face as a web developers is displaying data in a grid. In its simplest incarnation, a grid merely displays information about a set of records – the orders placed by a particular customer, perhaps; however, most grids offer features like sorting, paging, and filtering to present the data […]

Written By
CodeGuru Staff
CodeGuru Staff
Dec 15, 2010
2 minute read
CodeGuru content and product recommendations are editorially independent. We may make money when you click on links to our partners. Learn More

One of the most common tasks we face as a web developers is displaying data in a grid. In its simplest incarnation, a grid merely
displays information about a set of records – the orders placed by a particular customer, perhaps; however, most grids offer features
like sorting, paging, and filtering to present the data in a more useful and readable manner.

In ASP.NET WebForms the GridView control
offers a quick and easy way to display a set of records in a grid, and offers features like sorting, paging, editing, and deleting
with just a little extra work. On page load, the GridView automatically renders as an HTML

element, freeing you from having to
write any markup and letting you focus instead on retrieving and binding the data to display to the GridView. In an ASP.NET MVC application, however, developers are on the hook for generating the
markup rendered by each view. This task can be a bit daunting for developers new to ASP.NET MVC, especially those who have a
background in WebForms.

This is the first in a series of articles that explore how to display grids in an ASP.NET MVC application. This installment starts
with a walk through of creating the ASP.NET MVC application and data access code used throughout this series. Next, it shows how to
display a set of records in a simple grid. Future installments examine how to create richer grids that include sorting, paging,
filtering, and client-side enhancements. We’ll also look at pre-built grid solutions, like the Grid component in the MvcContrib project and JavaScript-based grids like jqGrid. But first things first – let’s create an ASP.NET MVC application and
see how to display database records in a web page.

To read the enitre article, Displaying a Grid of Data in ASP.NET MVC click here.

Related Articles

CodeGuru Logo

CodeGuru covers topics related to Microsoft-related software development, mobile development, database management, and web application programming. In addition to tutorials and how-tos that teach programmers how to code in Microsoft-related languages and frameworks like C# and .Net, we also publish articles on software development tools, the latest in developer news, and advice for project managers. Cloud services such as Microsoft Azure and database options including SQL Server and MSSQL are also frequently covered.

Property of TechnologyAdvice. © 2026 TechnologyAdvice. All Rights Reserved

Advertiser Disclosure: Some of the products that appear on this site are from companies from which TechnologyAdvice receives compensation. This compensation may impact how and where products appear on this site including, for example, the order in which they appear. TechnologyAdvice does not include all companies or all types of products available in the marketplace.