jQuery Grid Plugin - jqGrid

Yeah, you are right... it's kind of hard to extract a minimal test case 🙂

Anyway, here is at least the code I am using for the resizing. I'll try to also make a standalone testcase, but it may take a bit

this is the jquery code I use to track the chane of width of the container

this is how I attach it to my jqgrid:

fluidgrid is this small but very useful plugin:

http://code.google.com/p/codei.....d.fluid.js

Hi Tony, yes when I played with this I also saw that round() does seem to fix the issue most of the time, but I do not think it is a good idea: even if in most cases things tend to "work out", using round could mean that the final width of the table may be larger of some pixel of the the reuqested width.

For instance suppose you have 15 columns of 5 pixels and they all get a new width 5.6, so the total width is 15*5.6=84 pixels, you end up with the first 9 columns taking 15*6=90 pixels, now even making the last column of width 0, the table is larger than 84 pixels, which would cause big problems if the table has to fit in a parent that has with 84!

The reason is that when we have only initiall calculation of the ratio after resizing columns and calling the setGridWidth the width of the columns have the initial state

I am not sure I understand what you mean here... let me try to explain what I had in mind in pseudocode

initial size:

    3 columns of with 10, 8, 2, total width 20

store ratios (stored in float values for each col)

   first col ratio = 10/20 = 0.5, sec col ratio = 8/20 = 0.4, third col ratio = 2/20 = 0.1

table resized to width 30

   first col size = floor(30 * 0.5) = 15

   sec col size = floor(30 * 0.4) = 12

   last col = 30 - 15 - 12 = 3

table resized to width 35

   first col size = floor(35 * 0.5) = 17

   sec col size = floor(35 * 0.4) = 14

   last col = 35 - 17 - 14 = 4

etc

As you see the at each setGridWidth, the width of the column has these properties:

1) it depends only on the initial proportion of the widths and not on the previous width hence approximation errors do not grow at each resize

2) width is guaranteed to be equal to the total width set

Best regards and as usual huge thanks for jqgrid.

I didn't realize there was an api to set a single col width, which api is that?

what does happen today when setting only the first col from 15 to 20? does the whole grid grow of 5 px or is the 5 px removed from the other columns?

I guess when setting a single column, you just need to renormalize the ratios. how to do that depends on the desired result, in particular if setting a single col width changes the whole table width or if the width difference is redistributed among other columns.