Home > DeveloperSection > Forums > How to create responsive grid in Ext JS?
Linda Perla
Linda Perla

Total Post:13

Points:93
Posted on    April-15-2016 2:01 AM

 sencha extjs JavaScript  HTML  CSS  Sencha 
Ratings:


 1 Reply(s)
 438  View(s)
Rate this:
I am new in Ext JS environment. I have a need to make Ext JS grid responsive.
I want to make stretchable grid across the width of the browse window.
Below is my grid code:
Ext.create('Ext.grid.Panel', {
    title: 'This is Stretchable Grid',
    height: 250,
    width: 500,
    renderTo: Ext.getBody()
});
Please tell me having any idea to do it. Thanks.


Tarun Kumar

Total Post:213

Points:1635
Posted on    April-15-2016 7:33 AM

Below I have modified your code. Now your panel is stretchable.
change your code with this to the difference.
Ext.create('Ext.grid.Panel', {
    title: 'This is Stretchable Grid',
    height: 250 ,
    width: '100%',
    renderTo: Ext.getBody()
});
[Happy Coding]

Don't want to miss updates? Please click the below button!

Follow MindStick