Will try to fix it, because of the new method gridResize.

Best Regards

Tony

Have you gotten around to fixing this bug yet? It still occurs to me with the Git 3.5.3 Version.

Greeting, Hannes

tony said:

var gridWidth = parseInt($('#mailinfoGrid').getGridParam(”width”));
$('#mailinfoGrid').setGridWidth(gridWidth+0.01,true);

The grid does not change if you try to set the same width (A bug wich will be corrected soon);

Lol, I just discovered it when you posted the solution! Thanks a lot for your help!

var gridWidth = $('#mailinfoGrid').getGridParam("width");
$('#mailinfoGrid').setGridWidth(gridWidth-1,true);

The grid does not change if you try to set the same width (A bug wich will be corrected soon);

var gridWidth = $('#mailinfoGrid').getGridParam("width");
$('#mailinfoGrid').setGridWidth(gridWidth,true);

But this doesn't stretch the columns 🙁 it does nothing! It's really weird, but I think it's because shrinkToFit is initially set to false on construction of my jqgrid

I'm not very familiar with jQuery, so I tried out some things in regular Javascript:

                var header = document.getElementsByTagName("th");

                var totaal = 0;
                for(i=0; i <header.length; i++){
                    var width = header[i].style.width;
                    totaal += parseInt(width.substr(0,width.length-2));
                }
               
                var gridWidth = $('#mailinfoGrid').getGridParam("width");
               
                if(totaal < gridWidth){
                    for(i=0; i < header.length; i++){
                        header[i].style.width = Math.floor(gridWidth/header.length) + 'px';
                    }
                   
                    var cells = document.getElementById("gview_mailinfoGrid").getElementsByTagName("td");
                    for(i=0; i &lt; cells.length; i++){
                        cells[i].style.width = Math.floor(gridWidth/header.length) + 'px';
                    }
                }

This code does what I want, but when you then try to resize the columns, the resize "drag line" is in the wrong location.

So based on your example I tried the following code to change each column width to a static value, but the column widths aren't changed?

              if(totaal < gridWidth){
                    $.each(model,function(){
                        if (!this.hidden) {
                            this.width = 200;
                        }
                    });
                }

Maybe you need to use a setGridWidth method. Also before this you will need to determine the width of the visible columns.

You can do this using getGridParam method something like:

Hope this help.

Regards
Tony

I'm using jqgrid 3.5.2 with shrinkToFit=false and I would like to keep it that way.  My jqgrid is as wide as the webpage, and when the grid has a lot of columns, I get a horizontal scrollbar, which is what I want. My jqgrid resizes when I resize the window, and my column widths stay the same, which is also what I want.

Now the problem is that when I have very few columns, let's say 4, my grid is a lot wider than the total width of the 4 columns and it doesn't look very nice. I would like the columns to be stretched to fit the grid width ONLY when their total width < grid width. Is this possible, and if so how?

Thanks in advance!