---
title: "Use of grid view in a single html page in sencha ExtJs"
description: "In the way of developing we firstly define model .In model we defined properties of components likes grid, that’s we use for view."
author: "Hemant Patel"
published: 2017-01-11
updated: 2019-09-07
canonical: https://www.mindstick.com/articles/12223/use-of-grid-view-in-a-single-html-page-in-sencha-extjs
category: "sencha extjs"
tags: ["sencha"]
reading_time: 4 minutes
---
# Use of grid view in a single html page in sencha ExtJs
##### In this blog we are explaining about how to create grid view and bind data with grid view
**\**\
\
\
In the way of developing we firstly define model .In model we defined properties of components likes grid, that’s we use for view.\
\
And after that we write data(Information about employee) associated with data index that’s defined in view section. When we write source code of gridView design then we also defined dataIndex related with column name.
And the last but not least we write source code of gridView in view section.
##### What is grid view?
Gridview control , you could display an entire collection of data, easily add sorting and paging, and perform inline editing.
For Develop
##### Create your Html page
```
```
Insert following link and cdn between head open and close tag
```
```
##### How to create a grid view with data binding in same page
```
```
##### Complete code
```
```
\
\
\
---
Original Source: https://www.mindstick.com/articles/12223/use-of-grid-view-in-a-single-html-page-in-sencha-extjs
Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.