Skip to content
Open
Changes from 4 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
24 changes: 11 additions & 13 deletions PHP/Grid/Getting-Started.md
Original file line number Diff line number Diff line change
@@ -1,16 +1,16 @@
---
layout: post
title: Getting started with Grid widget for Syncfusion Essential PHP
description: How to create the Grid, data bind, enable paging, grouping, filtering and add summaries
description: Learn here all about getting started with Syncfusion PHP Grid control, and its feature such as data bind, enable paging, grouping, filtering and add summaries
platform: php
control: Grid
documentation: ug
---
# Getting started
# Getting started in PHP Grid
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Get it content reviewed. I think, it should be Getting started with PHP Grid


This section explains briefly about how to create a Grid in your application with PHP, 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/grid.png)
![PHP Grid Getting Started](Getting-Started_images/grid.png)

## Adding JavaScript and CSS references

Expand Down Expand Up @@ -92,7 +92,7 @@ echo $grid -> dataSource($Json)->allowPaging(true)->columns($gridColumns)->rende

{% endhighlight %}

![](Getting-Started_images/Grid_GettingStarted_img1.png)
![PHP Grid Getting Started Create Grid](Getting-Started_images/Grid_GettingStarted_img1.png)

## Data Binding

Expand Down Expand Up @@ -149,7 +149,7 @@ echo $grid -> dataSource( $Json)->columns($gridColumns)->allowPaging(true)->rend

{% endhighlight %}

![](Getting-Started_images/Grid_GettingStarted_img2.png)
![PHP Grid Getting Started Data Binding](Getting-Started_images/Grid_GettingStarted_img2.png)

## Enable Filtering

Expand Down Expand Up @@ -206,7 +206,7 @@ echo $grid -> dataSource( $Json)->columns($gridColumns)->allowFiltering(true)->f

{% endhighlight %}

![](Getting-Started_images/Grid_GettingStarted_img3.png)
![PHP Grid Getting Started Enable Filtering](Getting-Started_images/Grid_GettingStarted_img3.png)


## Enable Grouping
Expand Down Expand Up @@ -264,7 +264,7 @@ echo $grid -> dataSource($Json)->allowPaging(true)->allowGrouping(true)->columns

{% endhighlight %}

![](Getting-Started_images/Grid_GettingStarted_img4.png)
![PHP Grid Getting Started Enable grouping](Getting-Started_images/Grid_GettingStarted_img4.png)


Refer to the following code example for initial grouping.
Expand Down Expand Up @@ -322,7 +322,7 @@ echo $grid -> dataSource($Json)->allowPaging(true)->allowGrouping(true)->columns

{% endhighlight %}

![](Getting-Started_images/Grid_GettingStarted_img5.png)
![PHP Grid Getting Started Code Initial grouping](Getting-Started_images/Grid_GettingStarted_img5.png)


## Add Summaries
Expand Down Expand Up @@ -398,7 +398,7 @@ echo $grid -> dataSource( $Json)->allowPaging(true)->columns($gridColumns)->summ

{% endhighlight %}

![](Getting-Started_images/Grid_GettingStarted_img6.png)
![PHP Grid Getting Started Add Summaries](Getting-Started_images/Grid_GettingStarted_img6.png)


## Enable Editing
Expand Down Expand Up @@ -463,7 +463,7 @@ echo $grid -> dataSource($Json)->allowPaging(true)->columns($gridColumns)->editS

{% endhighlight %}

![](Getting-Started_images/Grid_GettingStarted_img7.png)
![PHP Grid Getting Started Enable Editing](Getting-Started_images/Grid_GettingStarted_img7.png)


## Enable Selection
Expand Down Expand Up @@ -521,8 +521,6 @@ echo $grid -> dataSource($Json)->columns($gridColumns)->allowPaging(true)->selec

{% endhighlight %}

![](Getting-Started_images/Grid_GettingStarted_img10.png)
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why you are removing this image?



## Enable Sorting

Expand Down Expand Up @@ -579,6 +577,6 @@ echo $grid -> dataSource($Json)->allowPaging(true)->columns($gridColumns)->allow

{% endhighlight %}

![](Getting-Started_images/Grid_GettingStarted_img11.png)
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why are you removing this image?