-
1 Aug 2009 6:53 AM #1Sencha - Community Support Team
- Join Date
- Mar 2007
- Location
- The Netherlands
- Posts
- 24,251
- Vote Rating
- 41
LockingGridPanel - Grid with fixed and scrolling columns
LockingGridPanel - Grid with fixed and scrolling columns
Note:
Starting from Ext 3.1 this extension has become part of the standard Ext examples and this thread will no longer be updated.
This gridpanel/editorgridpanel descendant allows you to lock columns in your grid, so they will remain fixed when the grid is scrolled.
Features:
- Re-adds locking column support from Ext 1.x.
- Supports locking/unlocking from the column menu.
The code has undergone serveral changes and is not yet fully tested. Please report any bugs you find in this thread.
The original Ext 2.x extension can be found here.
update 6:
- Initial release for Ext 3.0.
- Fixed horizontal scroll of unlocked area when clicking on the locked area.
version 1.7:
- New version numbering scheme.
- Fixed forceFit:true (although I don't see why you would want to use it).
- Fixed stripeRows:true.
version 1.7.1:
- Cleaned up display (separator line now full height and fixed 1px offsets).
Stuff to remember:
- IE can corrupt the downloaded archive - Use a different browser.
-
2 Aug 2009 12:14 PM #2
Really nice you made this extension available for 3.0 users!
Big thanks!
-
5 Aug 2009 5:48 AM #3Sencha - Community Support Team
- Join Date
- Mar 2007
- Location
- Frederick MD, NYC, DC
- Posts
- 16,169
- Vote Rating
- 28
Kick butt dude!

Jay Garcia @ModusJesus || Modus Create co-founder
Ext JS in Action author
Sencha Touch in Action author
Get in touch for Ext JS & Sencha Touch Touch Training
We are also working on Video-based Sencha Touch training: Check it out here.
-
5 Aug 2009 6:51 AM #4
Hello, many thanks!
Is there any special reason why this is not a standard in Ext JS?
best regards,
Jaroslaw Kucharski
-
5 Aug 2009 6:53 AM #5Sencha - Community Support Team
- Join Date
- Mar 2007
- Location
- Frederick MD, NYC, DC
- Posts
- 16,169
- Vote Rating
- 28
performance

Jay Garcia @ModusJesus || Modus Create co-founder
Ext JS in Action author
Sencha Touch in Action author
Get in touch for Ext JS & Sencha Touch Touch Training
We are also working on Video-based Sencha Touch training: Check it out here.
-
6 Aug 2009 3:40 AM #6
Good to see this back in Ext 3.+, Condor.
You are terrific! Keep up the wonderful work!
-
16 Aug 2009 9:00 PM #7
Condor, this is the best thing since sliced bread.

Is there a way to get this to work with your GroupHeaderGrid plugin though? The two of them combined is exactly what I need. The first column would be locked and would not have a colspan for its header, but I would need the others to have them. Is this at all possible?
Greg
-
16 Aug 2009 11:35 PM #8Sencha - Community Support Team
- Join Date
- Mar 2007
- Location
- The Netherlands
- Posts
- 24,251
- Vote Rating
- 41
No, LockedGridPanel and the GroupHeaderGrid plugin currently can't work together.
I created a LockedGroupHeaderGrid plugin once, but I haven't for the Ext 3.0 release (and, unless someone pays me, I'm not planning on creating one - it's a lot of work).
-
16 Aug 2009 11:45 PM #9
Create grid with forceFit:true leads to cyclic dependency
Create grid with forceFit:true leads to cyclic dependency
Create grid with forceFit:true leads to cyclic dependency
This happens because method updateAllColumnWidths call this.layout method and this.layout method call this.fitColumns which again call updateAllColumnWidth.
-
17 Aug 2009 6:49 AM #10


Reply With Quote

