javascript - JQgrid headers are not at the same line as columns -

i new here. have kind of problem:

i want: - column width must depend of text lenght. - headers must @ same line columns.

i have tried many solutions (like shinktofit:true; showcolwidth etc), without no success. using jqgrid 4.4.

and here function resize columns:

<script> function resize(tagname){  var elements = document.getelementbyid('gbox_list').getelementsbytagname(tagname);  for(var = 0, length = elements.length; < length; i++) {        elements[i].setattribute("style", "display:inherit);       }     } </script> 

i here calling function:

< button type="button" onclick="resize('tr');" >przycisk< /button> 

thanks help.