In my grid, I have more than 40 columns - multiple checkbox columns, some are fixed on the left -- and there are scroll bars, of course.
All of the above works fine in Firefox (all major versions), Chrome (all major versions); but, I have an issue with that with IE 10+; in IE, when the check box is clicked -- the entire grid view moves to the left; the fixed columns are not visible anymore; somehow, that click is triggering a re-centering of the grid; a second click gets it all back normal again. This only happens when the cellClick function is active AND only when a check box is clicked. The re-centering does not happen if I don't use the cellClick function. I need to have only one checkbox checked on each row. If one checkbox column is checked, the other checkboxes on the same row should be unchecked. I have this coded in the cellClick function (not included in the fiddle).
Questions:
1. What can we do to fix the above in IE?
2. Is there a better way of dealing with the checkboxes than what I have?
Below is the link to a fiddle:
http://jsfiddle.net/nbj0965r/1/When you run the fiddle - and click on the right most check box columns -- it works fine in other browsers, except IE.
