Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
16 changes: 8 additions & 8 deletions aspnet-core/Grid/Getting-Started.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Getting started with grid widget for Syncfusion Essential ASP.NET Core
description: How to create the grid, data bind, enable paging, grouping, filtering and add summaries
title: Getting started with ASP.NET Core Grid | Syncfusion
description: Learn here all about getting started with Syncfusion Essential ASP.NET Core Grid control, its elements, and more.
platform: aspnet-core
control: grid
documentation: ug
---

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

Refer to the [Getting Started](https://help.syncfusion.com/aspnet-core/gettingstarted/getting-started-2-0) page of the introduction part to know more about the basic system requirements and the steps to configure the Syncfusion components in an ASP.NET Core application.

Expand Down Expand Up @@ -94,7 +94,7 @@ In `e-columns` definition, the `text-align` property allows you to align text of

The following output is displayed as a result of the previous code example.

![](Getting-Started_images/Getting-Started2_img1.jpeg)
![ASP.NET Core Grid data binding](Getting-Started_images/Getting-Started2_img1.jpeg)


## Enable paging
Expand Down Expand Up @@ -135,7 +135,7 @@ The paging feature in grid offers complete navigation support to easily switch

The following output is displayed as a result of the previous code example.

![](Getting-Started_images/Getting-Started2_img2.png)
![ASP.NET Core Grid enable paging](Getting-Started_images/Getting-Started2_img2.png)


## Enable filtering
Expand Down Expand Up @@ -178,7 +178,7 @@ To enable filtering, use the `allow-filtering` property of grid is as follows.

The following output is displayed as a result of the previous code example.

![](Getting-Started_images/Getting-Started2_img3.png)
![ASP.NET Core Grid enable filtering](Getting-Started_images/Getting-Started2_img3.png)


## Enable grouping
Expand Down Expand Up @@ -220,7 +220,7 @@ To enable grouping, use the `allow-grouping` property of grid is as follows.

The following output is displayed as a result of the previous code example.

![](Getting-Started_images/Getting-Started2_img4.png)
![ASP.NET Core Grid enable grouping](Getting-Started_images/Getting-Started2_img4.png)


## Add summaries
Expand Down Expand Up @@ -268,4 +268,4 @@ Summaries can be added by setting the `show-summary` to `true` and adding requir

The following output is displayed as a result of the previous code example.

![](Getting-Started_images/Getting-Started2_img5.png)
![ASP.NET Core Grid adds summaries](Getting-Started_images/Getting-Started2_img5.png)
6 changes: 3 additions & 3 deletions aspnet-core/Grid/Hierarchy-Grid.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Hierarchical binding | grid | ASP.NET Core | Syncfusion
description: How to bind the hierarchical data
description: Learn here all about Hierarchy support in Syncfusion Essential ASP.NET Core Grid control, its elements, and more.
platform: aspnet-core
control: grid
documentation: ug
---

# Hierarchical Bindings
# Hierarchical Bindings in ASP.NET Core Grid

Hierarchical binding can be used to create the grid with parent and child relation, this facilitate you to view the child records for a particular row by clicking on the Expander button present in first column of each grid row. This can be enabled by defining grid within grid and `query-string`.

Expand Down Expand Up @@ -64,7 +64,7 @@ public partial class GridController : Controller

{% endtabs %}

![](Hierarchy-Grid_images/Hierarchy-Grid_img1.png)
![ASP.NET Core Grid hierarchical binding](Hierarchy-Grid_images/Hierarchy-Grid_img1.png)


## Expand or collapse all child's
Expand Down