I tried several different ways to fix this, but I'm not having any luck. I have a grid with 20 columns. When I add my first grouping (which has a checkbox in the groupTemplateHeader), I have no problem clicking on the checkbox and having it check. If I do a subsequent grouping, when I click on the second grouping, it does not check the checkbox and shifts the grid to left. The second click actually checks the checkbox. I have tried to take out the horizontal scrollbar programmatically when grouping is applied and I have tried to make the table-layout fixed. However, nothing does the trick - it still shifts.
I am not having this issue with grids that have less columns and if I bring down the amount of columns in this grid, it's fine.
I have my code attached - please let me know if you have any questions about the components.