ParamQuery grid support forum
General Category => Bug Report => Topic started by: snagaval on December 15, 2014, 08:14:06 pm
-
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.
-
The mentioned issue in IE can be resolved by use of selectionModel: { type: 'cell' }
http://jsfiddle.net/nbj0965r/3/
Checkboxes are easier to handle by use of inbuilt column.cb as shown in this demo
http://paramquery.com/pro/demos/checkbox
check event can be used to uncheck other checkboxes in the same row and return false in this event as you don't want to select row upon checkbox selection.