title: Fit easyui datagrid column to the available width
body: <p>In the below code, There are 3 columns specified in <strong>%</strong> except for the last, of those I need <strong>menu3</strong> to occupy the available width.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;table id="dg" style="width:100%;height:100%"&gt;
     &lt;thead&gt;
        &lt;tr height="20"&gt;
           &lt;th data-options="field:'menu1',sortable:false,resizable:false" width="20%"&gt;Menu1&lt;/th&gt;
           &lt;th data-options="field:'menu2',sortable:false,resizable:false" width="20%"&gt;menu2&lt;/th&gt;
           &lt;th data-options="field:'menu3',sortable:false,resizable:false" width=""&gt;menu3&lt;/th&gt;
        &lt;/tr&gt;
     &lt;/thead&gt;
     &lt;tbody&gt;
        &lt;td&gt;&lt;/td&gt;
        &lt;td&gt;&lt;/td&gt;
        &lt;td&gt;&lt;/td&gt;
     &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code>$(function(){
      var dg = $('#dg').edatagrid();
      dg.edatagrid({
          fit:true,
          fitColumns: true,   
      });
  });
  </code></pre>
  
  <p>This is the fiddle which I have tried so far:</p>
  
  <p><a href="http://jsfiddle.net/0hk1twng/157/" rel="nofollow noreferrer">http://jsfiddle.net/0hk1twng/157/</a></p>
  
  <p>Any help would be appreciated.</p>