Skip to content

SEO-2750 - ASP.NET MVC Grid image alt text #225

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: hotfix/hotfix-v20.3.0.47
Choose a base branch
from
Open

SEO-2750 - ASP.NET MVC Grid image alt text #225

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 10 additions & 10 deletions aspnetmvc/Grid/Getting-Started.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
---
layout: post
title: Getting started with Grid widget for Syncfusion Essential ASP.NET MVC
description: How to create the Grid, data bind, enable paging, grouping, filtering and add summaries
title: Getting Started with ASP.NET MVC Grid Control | Syncfusion
description: Learn here all about Getting Started with Syncfusion Essential ASP.NET MVC Grid control, its elements, and more.
platform: ejmvc
control: Grid
documentation: ug
---

# Getting Started
# Getting Started with ASP.NET MVC Grid

This section explains briefly about how to create a Grid in your application with ASP.NET MVC, and also explains about how to enable basic grid operations like paging, filtering, grouping and summary. The following screenshot illustrates the grid control.

![](Getting-Started_images/Getting-Started_img.png)
![Getting Started with ASP.NET MVC Grid](Getting-Started_images/Getting-Started_img.png)

## Create your first grid in MVC

Expand Down Expand Up @@ -44,7 +44,7 @@ The following steps explain creating first grid with an empty datasource:

You can execute the above code sample to render an empty grid is rendered with specified column headers.

![](Getting-Started_images/Getting-Started_img2.png)
![Column Header in ASP.NET MVC Grid](Getting-Started_images/Getting-Started_img2.png)

## Data binding

Expand Down Expand Up @@ -94,7 +94,7 @@ You can bind the data to grid control using the `DataSource` property.

{% endhighlight %}

![](Getting-Started_images/Getting-Started_img3.png)
![Data Binding in ASP.NET MVC Grid](Getting-Started_images/Getting-Started_img3.png)


## Enable paging
Expand Down Expand Up @@ -145,7 +145,7 @@ and `PageSettings` property.

N> _Pager settings can be customized by using the 'PageSize' and 'PageCount' properties. When it is not given the default values for `PageSize` and `PageCount` are 12 and 8 respectively._

![](Getting-Started_images/Getting-Started_img4.png)
![Enable Paging in ASP.NET MVC Grid](Getting-Started_images/Getting-Started_img4.png)

## Enable filtering

Expand Down Expand Up @@ -202,7 +202,7 @@ The [`Filtering`](http://help.syncfusion.com/aspnetmvc/grid/filtering) feature i

{% endhighlight %}

![](Getting-Started_images/Getting-Started_img7.png)
![Enable Filtering in ASP.NET MVC Grid](Getting-Started_images/Getting-Started_img7.png)


## Enable grouping
Expand Down Expand Up @@ -261,7 +261,7 @@ The ['Grouping'](http://help.syncfusion.com/aspnetmvc/grid/grouping) feature in
{% endhighlight %}


![](Getting-Started_images/Getting-Started_img8.png)
![Enable Grouping in ASP.NET MVC Grid](Getting-Started_images/Getting-Started_img8.png)


## Add summaries
Expand Down Expand Up @@ -352,5 +352,5 @@ The following code example shows the option to enable group summary.

{% endhighlight %}

![](Getting-Started_images/Getting-Started_img9.png)
![Add Summaries in ASP.NET MVC Grid](Getting-Started_images/Getting-Started_img9.png)