I have a grid which allows the user to both resize and reorder columns. I have an issue where there is a white space left after resizing columns. I’ve read on these forums how to resolve this: by setting the last column’s widch to auto and resize to false.
However, i am still left with this issue when the user re-orders his columns. I’ve looked at a few of your demos and found the same problem. For example:
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/reordercolumns.htm?classic
Steps:
1. Reorder the last column ‘Total Fat’ to be in the middle of the grid.
2. Make ‘Total Fat’ smaller.
–> There is a gap at the right of the grid. Calories is not the last column and its width is not set to auto.
I’ve already tried the approach of dynamically managing which column is set to auto. Since i have hidden columns into the mix, i am having trouble getting the last column. I’m also unsure of what width to set on the previously last column (eg. ‘Total Fat’ in this example) so that the user does not see a resize.
Is there an easy way to accomplish this?