title: How to set minimum width in resizable table?
body: <p>I made a resizing table using Jquery resizable. Now, i am facing a problem in it. The goal is:</p>
  
  <ol>
  <li><p>I want to set a minimum width (ie.,) it will not resize beyond that width</p></li>
  <li><p>When i resize one column, the width of another column should not change</p></li>
  </ol>
  
  <p>I used minimum width for the first one, but it didnt work and i dont know what to do with the second one. </p>
  
  <p>Please help me guys</p>
  
  <p>Here is the link</p>
  
  <p><a href="http://plnkr.co/edit/ZkY4PB8XaHfAj7DPJuZN?p=preview" rel="nofollow"><strong>DEMO</strong></a></p>
  
  <pre><code>&lt;table id="table-css-border-1" class="ui-widget-content"&gt;
      &lt;tr&gt;
        &lt;th&gt;header1&lt;/th&gt;
        &lt;th&gt;header2&lt;/th&gt;
        &lt;th&gt;header3&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/table&gt;
  </code></pre>