title: Auto resize column width in JQgrid
body: <p>I am using Jqgrid in my project. In one column we are showing email address. If we are giving some long email address then the column is automatically re-sized to the length and that screw up the whole grid layout. Since email dont have any spaces so its not warping also. I want ignore the extra content and show how much can be accommodated in the given width. I already tried with giving fixed width. Please let me know if anyone have the solution for this.</p>
  
  <p>Code:</p>
  
  <pre><code>   jQuery('#userDetail').jqGrid({
      url: endpoint,
      datatype: 'json',
      height: 50,
      colNames:['Names','Email', 'Phone Number', 'Fax Number', 'Country'],
      colModel:[
          {
             name:'names',
             index:'names',
             sortable: false,
             width:200,
             resizable: false
  
          },     {
             name:'email',
             index:'email',
             sortable: false,
             width:200,
             resizable: false
  
          },     {
             name:'phone',
             index:'phone',
             sortable: false,
             resizable: false,
             width:200
  
          },     {
             name:'fax',
             index:'fax' ,
             sortable: false,
              resizable: false,
              width:200
          },     {
             name:'country',
             index:'country',
             sortable: false,
              resizable: false,
              width:200,
          }
       ],
       multiselect: false,
       autowidth: true,
       caption: 'User Details',
       loadComplete: function(response) {
          if(!util.errorHandler(response)){
          }
       },
      jsonReader : { 
             root: "rows",
             page: "page",
            total: "total",
          records: "records",
               id: "_id",
        repeatitems: false 
     },
       });
  </code></pre>
  
  <p>Thanks
  Sandy</p>