title: How to make table column with dynamic width
body: <p>I have a table with dynamic number of columns.
  If table width increases more than 100%, then column width should be minimum width defined in CSS. Otherwise column width should be fit to the content.</p>
  
  <p>How can I do it?</p>
  
  <pre><code>&lt;style&gt;
  table {
      table-layout: fixed;
      width: auto;
  }
  td {
      min-wdith: 250px;
  }
  &lt;/style&gt;
  
  &lt;table&gt;
      &lt;tr&gt;
          &lt;td&gt;
              Col 1
          &lt;/td&gt;
          &lt;td&gt;
              Col 2
          &lt;/td&gt;
          &lt;td&gt;
              Col 3
          &lt;/td&gt;
          &lt;td&gt;
              Col 4
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>