I've implemented code that will save the state of the grid columns and reapply that state when the grid renders. If a column is rearranged to a new location it seems to cause a problem with the resizing logic. In my case, I've got a grid with many columns (37). I rearrange a single column. This results in the new column state being saved. (In this example, all I have done is move 1 column from its original position). I then refresh the page. On page initialization, the column state is read and applied to the grid. Next, I resize a single column. (In this example, the first column). The result is that every column between the original location of the moved column and its new location are resized.
What appears to be happening is that somehow the grid saved the columns widths for each column before the resizing and then after the first column was resized, the rest of the columns had their original column widths reapplied but its ignoring the fact the the column state had changed after loading so that the column widths are being applied to the wrong columns. (This feels like an awful explanation and is hard to follow I'm sure). I'm attaching a screenshot of the before/after html that illustrates how the column widths get messed up. Hopefully the visualization will help. The image shows the state of the column widths before and after the first column is resized.