|
1 | 1 | --- |
2 | 2 | layout: post |
3 | | -title: Getting Started for Angular-2 Grid |
4 | | -description: How to create the Grid, data bind, enable paging, grouping, filtering and add summaries |
| 3 | +title: Getting Started with Angular Grid Control | Syncfusion |
| 4 | +description: Learn here about getting started with Syncfusion Essential Angular Grid Control, its elements, and more. |
5 | 5 | platform: Angular |
6 | 6 | control: Grid |
7 | 7 | documentation: ug |
8 | 8 | keywords: ejGrid, Grid, Grid widget |
9 | 9 | api: /api/Angular/grid |
10 | 10 | --- |
11 | 11 |
|
12 | | -# Getting started |
| 12 | +# Getting started with Angular Grid |
13 | 13 |
|
14 | 14 | To get start with how to use the Grid component within Angular-2 platform, please refer the basic requisites and the configurations needs to be done on the system from [here](https://help.syncfusion.com/angular/gettingstarted/getting-started-systemjs).By following the above steps in the document, you can get the newly cloned **angular2-seeds** template sample folder.Grid control has been already configured in that **angular2-seeds** folder. So that you can use already existing Grid sample available in **src/grid** folder. |
15 | 15 |
|
@@ -65,7 +65,7 @@ If you want to know about the external and internal dependencies of the Grid con |
65 | 65 |
|
66 | 66 | {% endhighlight %} |
67 | 67 |
|
68 | | - |
| 68 | + |
69 | 69 | {:.image } |
70 | 70 |
|
71 | 71 | N> 1.In the above code snippet, `ej-grid` denotes the control directive for the Syncfusion's Grid Angular widget and all its properties can be initialized with the exact casing of original property names also binded within square bracket(`[]`).(For example, [dataSource]). |
@@ -115,7 +115,7 @@ N> 2.Events can be bound to the control using the event name within bracket [`() |
115 | 115 |
|
116 | 116 | {% endhighlight %} |
117 | 117 |
|
118 | | - |
| 118 | + |
119 | 119 | {:.image } |
120 | 120 |
|
121 | 121 | N> Pager settings can be customized by using the `pageSize` of [`pageSettings`](http://help.syncfusion.com/api/angular/ejgrid#members:pagesettings-pagesize) property. When it is not given the default values for `pageSize` and `pageCount` are 12 and 8 respectively. |
@@ -160,7 +160,7 @@ N> Pager settings can be customized by using the `pageSize` of [`pageSettings`]( |
160 | 160 | {% endhighlight %} |
161 | 161 |
|
162 | 162 |
|
163 | | - |
| 163 | + |
164 | 164 | {:.image } |
165 | 165 |
|
166 | 166 | ## Enable Grouping |
@@ -202,7 +202,7 @@ N> Pager settings can be customized by using the `pageSize` of [`pageSettings`]( |
202 | 202 | {% endhighlight %} |
203 | 203 |
|
204 | 204 |
|
205 | | - |
| 205 | + |
206 | 206 | {:.image } |
207 | 207 |
|
208 | 208 | Refer to the following code example for initial grouping. |
@@ -243,7 +243,7 @@ export class AppComponent { |
243 | 243 | {% endhighlight %} |
244 | 244 |
|
245 | 245 |
|
246 | | - |
| 246 | + |
247 | 247 | {:.image } |
248 | 248 |
|
249 | 249 |
|
@@ -294,5 +294,5 @@ export class AppComponent { |
294 | 294 | {% endhighlight %} |
295 | 295 |
|
296 | 296 |
|
297 | | - |
| 297 | + |
298 | 298 | {:.image } |
0 commit comments