title: HTML table scale to fit
body: <p>I have a KPI dashboard with a lot of small charts. One type of chart is in fact a HTML table. It is displayed in a DIV.</p>
  
  <pre><code>&lt;div style="width:400px; height:250px;overflow:hidden"&gt;
     &lt;table&gt;
         &lt;tr&gt;&lt;th&gt;Col1&lt;/th&gt;&lt;th&gt;Col2&lt;/th&gt;&lt;/tr&gt;
         &lt;tr&gt;&lt;td&gt;Row1&lt;/td&gt;&lt;td&gt;Row2&lt;/td&gt;&lt;/tr&gt;
     &lt;/table&gt;
  &lt;div&gt;
  </code></pre>
  
  <p>Currently, I hide the overflow. I would like to make the table 'fit' the div.</p>
  
  <p>How can I make this <code>table</code> to fit/scale down to the <code>DIV</code> if it would become too big to diplay? Ideally, the text would also shrink.</p>