sibbim on Change column width onCellSelect

Tue, 19 Apr 2011 14:23:26 +0300

Hi everybody,

I need your help. I want to change the width of a column after I clicked on a cell. Why?

The grid shows "short" values and when I click on a cell, the edit mode will be started with drop down boxes showing the "long" value to make it more easy to the user to understand the value.

The following code changes already the column header - but leaves the rest of the column at the old width.

onCellSelect: function(rowid, iCol, cellcontent, e){

colWidth = $( ".edit-cell select" ).css('width');

   $('#col_name').css("width", colWidth + "px");

   var colId = iCol-2;
   if (columnHeader[3][colId] == true) {
      $( ".edit-cell select" ).jec({useExistingOptions: true});
   }
},

I also found a function called...

setColWidth();

...but it doesn't work (maybe because I don't know how to use it)

I also analysed the jqgrid source for the resize-stop event and found:

$('table:first',this.bDiv).css("width",p.tblwidth+"px");
$('table:first',this.hDiv).css("width",p.tblwidth+"px");

But I don't know how to use it 🙁 Yes ok, I'm still a little bit new to jqgrid.

Thank you very much for your help.

Sebastian

jQuery Grid Plugin - jqGrid - Topic: Change column width onCellSelect

sibbim on Change column width onCellSelect