jQuery Grid Plugin - jqGrid

Thanks for the reply. I tried your code, but it makes my grid as wide as the sum of the columns, but I want the opposite, i want the grid width to stay the same, but each column should stretch to "fill" the grid.

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;
                        }
                    });
                }

I tried that, and because the width of my grid has to stay the same, I just have to get the gridWidth and then set it again, but with shrinkToFit=true:

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 tried something else, the only difference is that I get the old grid width and I set the new grid width to the old value -1. This does stretch the columns. I think because I set the width to the same width it had before, the columns didn't stretch. Weird, but it works now!

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

Hi Tony!

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

Greeting, Hannes