I?m receiving a JavaScript error when attempting to lock a column that is not directly beside a column that is already locked. Here is the JavaScript that is causing the issue:



updateColumnHeadings : function () {
var view = this.grid.getView(),
i, len, filter;
if (view.mainHd) {
for (i = 0, len = view.cm.config.length; i < len; i++) {
filter = this.getFilter(view.cm.config[i].dataIndex);
Ext.fly(view.getHeaderCell(i))[filter &amp;&amp; filter.active ? 'addClass' : 'removeClass'](this.filterCls);
}
}
},


The getHeaderCell() function is being passed the wrong index (always one greater than the number of headers actually in the grid).


Please fix when you get a chance. Please let me know if you need a more detailed example. Thanks!