---
title: "How to use ExtJs Grid ."  
description: "How to use ExtJs Grid ."  
author: "Anonymous User"  
published: 2016-04-20  
updated: 2016-04-20  
canonical: https://www.mindstick.com/forum/34106/how-to-use-extjs-grid  
category: "jquery"  
tags: ["jquery"]  
reading_time: 1 minute  

---

# How to use ExtJs Grid .

We want to use ext js [Grid](https://www.mindstick.com/forum/369/how-can-i-add-a-column-name-to-my-grid) . how to use this please help me.

## Replies

### Reply by Anonymous User

```
@{
    ViewBag.Title = "Grid";
}
<h2>Grid</h2><h2 style="width: 500px; font-size: 30px; color: #157FCC;">Sencha Touch</h2><link href="~/ext-6.0.2/build/classic/theme-neptune/resources/theme-neptune-all.css" rel="stylesheet" /> <script src="~/ext-6.0.2/build/ext-all.js"></script> <script>     Ext.define('User', {         extend: 'Ext.data.Model',         fields: ['name', 'email', 'phone']     });
     var userStore = Ext.create('Ext.data.Store', {         model: 'User',         data: [
             { name: 'Aditya Kumar', email: 'aditya@gmail.com', phone: '333-333-1234' },             { name: 'Suraj Kumar', email: 'suraj@gmail.com', phone: '444-222-4325' },             { name: 'Sohel Kumar', email: 'sohel@gmail.com', phone: '888-777-6789' },             { name: 'Rajeev Patel', email: 'r4ajeev@gmail.com', phone: '666-999-1234' }         ]     });
     Ext.create('Ext.grid.Panel', {         renderTo: document.body,         store: userStore,         width: 450,         height: 200,         title: 'Application Users',         columns: [             {                 text: 'Name',                 width: 150,
                 dataIndex: 'name'             },             {                 text: 'Email Address',                 width: 150,                 dataIndex: 'email',
             },             {                 width: 150,                 text: 'Phone Number',                 flex: 1,                 dataIndex: 'phone'
             }
         ]
     });
 </script>
```

![How to use ExtJs Grid .](https://www.mindstick.com/mindstickforums/7732f76a-a625-4352-a3f1-84f48d5aaaa9/images/618523f3-0929-4fc4-a06b-c6a57167dd20.png)


---

Original Source: https://www.mindstick.com/forum/34106/how-to-use-extjs-grid

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.