I am using iggrid 2012.2. and Jquery jquery-1.7.1. In my grid I have enabled both RowSelectors and Selection features as below . I am facing an issue when there is horizontal scroll bar present and when I need to scroll right to the cell for editing the cell. As soon as click on the cell the focus goes to the left end of the grid. I am able to edit the cells on the left side, which are visible with out using the scroll. Is it a bug? Is there a work around? Can someone please help. Please find my grid settings attached
{ name: "RowSelectors", enableCheckBoxes: true, enableRowNumbering: true }, { name: "Selection", mode: "row", multipleSelection: true },
Hi,
I have tested your sample with my modified dataSource(so it can fit your data columns). I have set width to 600 px and scroll horizontally so (let's say) only a small part of column LogicTypeId to be visible. When I click on it then the browser scrolls so the whole column is visible. It is scrolled automatically because the focus is set on the editor in the cell. I suppose this is your issue - if not please describe it. So I am testing with the latest service release. My jquery is (as you mentioned) - 1.7.1 and my jquery-ui version is 1.8.18 - (http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js). I have tested on IE 7+.
If this is your issue I have described then I can propose as workaround: in editCellStarting event handler to set explicitly focus on editor igEditors/igCombo in the editing cell.
Thanks,
Miro
Forgot to mention this, Issue happens on IE8, 9 and 10. It works fine on Chrome. But we need it working on IE