View Full Version : Locking Editable Grid for ColumnHeaderGroup Implementation

5 May 2010, 6:12 AM

I have a requirement where the grid has multiple column level header lines (which I have implemented using ColumnHeaderGroup - http://www.extjs.com/deploy/dev/examples/grid/ColumnHeaderGroup.html). Also, I need to implement scroll lock on the first column (horizontal scroll should not move the first column out of view). I found an example for it (http://www.extjs.com/deploy/dev/examples/grid/locking-grid.html).

However, I am not able to integrate the locking-grid example with my columnHeaderGroup. I get the error
"this.innerHd.firstChild.firstChild.style is undefined" on LockingGridView.js

Has anyone come across this error? Can someone please guide me as to how this can be resolved or how do I achieve it?

I would really appreciate any help on this.

Thanks in advance.

23 Oct 2010, 10:58 PM

I face the same problem, I dont know how to do.

24 Oct 2010, 12:25 AM
You would need to modify ColumnHeaderGroup, because it currently doesn't understand the split between the locked and the scrolling section of a LockingGridView.

If you don't want to do the work yourself, I'm offering LockingColumnHeaderGroup and LockingGridSummary extensions for a small fee.

2 Sep 2013, 11:20 PM
Hi Condor,
W (http://stackoverflow.com/questions/18557091/how-to-implement-locking-group-headers-grid-in-extjs-3-4)e have implemented grid using ColumnHeaderGroup plugin.
Now how to make the same grid show locking features.