[Solved] Header columns get missaligned when grid has horizontal scrollbar and you tab on the rightmost cell in the grid

[Oscar]

I have a grid with Horizontal Scrollbar and EditOnTab(true). Browser is IE8. Telerik version 2011.2.914.340.
When you tab on the rightest cells, header columns get missaligned.
See attached files.
In my sample, select grid with dates option, once grid has appeared, tab on the first row to see the cells on the rightest side.

[Dimo]

Hello Oscar,

Please add the two lines in bold to telerik.grid.editing.js :


$t.grid.CellEditor = function (options) {

        this.edit = function (td, dataItem) {
            var column = options.columns[options.cellIndex(td)];

            if (!column.readonly) {

               .........

                td.addClass('t-grid-edit-cell');

                var dataArea = td.closest('.t-grid-content');
                dataArea.scrollLeft(dataArea.scrollLeft());
            }

            return !column.readonly;
        }
...
}


I have updated your Telerik points. Thanks.

All the best,
Dimo
the Telerik team

[Oscar]

Hi Dimo,
I've added the two lines you suggested, but headers still get missaligned. I'm getting this issue when I tab from quantity cell to price cell. I've attached two pictures and the sample with the new two lines in telerik.grid.editing.js

[Dimo]

Hello Oscar,

I can't reproduce the problem in your sample (tested with a real IE8 and IE9 in IE8 mode). Please see the attached video. Am I missing something? Make sure the browser is not loading cached versions of the script files.

All the best,
Dimo
the Telerik team

[Oscar]

Hi Dimo,
You were right. I've cleared the cache and it works perfectly. Excuse me.
Thank you very much.

Just a little thing, when the last column is a command cell (for example command.delete), scrollbar doesn't move to the right and this cell doesn't come into sight. May be it has problems when the cell is not editable.

[Dimo]

Hello Oscar,

Well, this is by design, you don't edit buttons, do you.

Regards,
Dimo
the Telerik team

[Oscar]

Hello Dimo,
Of course, I don't edit buttons, but I can get focus when I tab on them.
The real problem is when a column is readonly. I've added a readonly column named Amount after Quantity column. Amount column never appears when you tab on the right. the only way to see this column is moving the horizontal scrollbar to the right side with the mouse.
I've attached an example.
I'd appreciate any help.

[Dimo]

Hello Oscar,

OK, I agree that it will be nice for the user to see the focused read-only cells when they are focused. We will research how to implement this for the coming release.

Kind regards,
Dimo
the Telerik team

[Oscar]

Hi Dimo,
Thak you very much for your help.