[2.0] grid with locking column [NEW: Update 5]

**jfkelley** · 14 Nov 2007 2:14 PM

Thank you for the quick response!

Ah, resizing some of the columns extra wide did the trick. THANKS AGAIN!

IGNORE THIS:
Yes, I did lock columns (in various combinations). I even got the cool vertical blue line after the locked column, but no horizontal scroll bar. I also tried re-sizing the window too to see if I could force a horizontal scroll.

Same result in IE 6 and FF.

**timezz** · 14 Nov 2007 6:01 PM

Originally Posted by MeDavid

Thanks. Both bugs are fixed now.

Great! But still, it's gonna be much better if we can set some columns locked in the code rather than on the page.
And another suggestion: could the "new Ext.grid.RowNumberer()" also be locked? Coz I can't lock the row numbers and it just moves after the locked columns.

Cheers,
Matt

**MeDavid** · 14 Nov 2007 11:53 PM

Originally Posted by timezz

Great! But still, it's gonna be much better if we can set some columns locked in the code rather than on the page.

You can set the boolean 'locked' property to true in your columns array config property of the LockingGridPanel or in the LockingColumnModel.

Originally Posted by timezz

And another suggestion: could the "new Ext.grid.RowNumberer()" also be locked? Coz I can't lock the row numbers and it just moves after the locked columns.

Same as above, give the RowNumberer a locked:true property and you should be fine.

**ssmso** · 16 Nov 2007 4:04 PM

It's a nice port!

I found 3 problems so far:

1. When inserting a combobox/checkbox in one of the locked columns (or anything that's higher than the default row height), the row height of locked and unlocked columns became uneven. Is there a way around it?

2. If I use a proxy to load the data, the word "undefined" is shown when the grid is loading.

3. Any unsortable locked columns will not display the drop down menu. As a result, there's no way to make them unlocked again.

I was using IE 6, by the way.

**ssmso** · 18 Nov 2007 10:48 PM

1. When inserting a combobox/checkbox in one of the locked columns (or anything that's higher than the default row height), the row height of locked and unlocked columns became uneven. Is there a way around it?

Answer my own question

: looked at 1.1.1 code and found out you can add the following code in the processRows function:

Code:

                var h = Math.max(row.offsetHeight, lrow.offsetHeight);
                row.style.height = lrow.style.height = h + "px";

**ssmso** · 19 Nov 2007 8:29 AM

Add the following line in renderUI() to fix problem 2:

Code:

var bd = this.renderRows();
if (bd == '') bd = ['', ''];

**matt.hall** · 5 Dec 2007 12:32 PM

When declaring a DOCTYPE, the behavior we're seeing when we lock the first column, is that a horizontal scrollbar is created and that first locked column takes up all the visible width. Additionally, the scrollbar will not allow you to scroll to see the other columns (because it's at full length).

DOCTYPEs used are...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

- Matt

**mbahl** · 8 Dec 2007 3:26 PM

first off awesome work! it looks great

1. has anyone used this code to create a EditorGridPanel with locking columns? I would like to use this with combos in the table
2. when setting locked: true in LockingGridPanel the column is locked but the other columns don't show up in FF or IE. The columns are all checked in the header menu and if I unlock the column they show up. Has anyone had problems with this?

**mbahl** · 8 Dec 2007 7:52 PM

Originally Posted by mbahl

first off awesome work! it looks great

1. has anyone used this code to create a EditorGridPanel with locking columns? I would like to use this with combos in the table
2. when setting locked: true in LockingGridPanel the column is locked but the other columns don't show up in FF or IE. The columns are all checked in the header menu and if I unlock the column they show up. Has anyone had problems with this?

2. I was able to fix this by adding the following to LockingGridPanel
render : function(id){
Ext.grid.LockingGridPanel.superclass.render.call(this, id);
this.getView().refresh(true);
}
If there are better solutions pls let me know

**orangehairedboy** · 18 Dec 2007 1:52 PM

I am also curious to know if there is any planned development of column locking on an EditorGridPanel?

[2.0] grid with locking column [NEW: Update 5]

Thread Tools

Search Thread

Display

Demo html

Demo html

Column locking row height issues

Column locking row height issues

Part 1

Part 1

Part 2

Part 2