How can i get jqgrid frozen columns to work with word wrap on

Question

I am using the latest jqgrid 4.3.1 and i am trying to use frozen columns.

The issue is that i have overridden the default css to support word wrap (css solution ca

Answer 1

I`ve looked at it and get why is this problem appeared.

When frozen columns is showing actually there is some duplicating of tables, but only the frozen cols and if you setting white-space to normal, and somewhere in grid appears not equal height column in not frozen area it's starting to missmatch in height.

The duplicating of tables done to do not recalculate params of tables in js, so there is some problem that if you need this css property than you should set your gridComplete and resizeStop events (or anyone else that will change cols width) to function like this:

function onChangeGrid(){
   var frozen = $("#grid_frozen tr", this),
       rows = $("#grid tr", this);

   frozen.each(function(i, item){
     var fEl = $(item),
         h = $(rows[i]).height();

     if( fEl.height() < h ){
       fEl.height(h); 
     } else {
       fEl.css("height", "auto");
     }
   });
}


$("#my_grid").jqGrid({
  gridComplete: onChangeGrid,
  resizeStop: onChangeGrid
});

It's not testetd i wrote it here but some fixes and should work fine, i havent jqGrid setup now.

Have fun :)

By the way, it's terrible fix if you need to see a lot of rows, and it would be nice to set issue task on github