title: Max-Height in Html Table
body: <p>I create a table, and I want it's <code>height</code> be <code>800px</code>.</p>
  
  <p>If it's overflow, I want to make Scroll Bar but the Titles does not scroll.</p>
  
  <p>So I try to add this CSS:</p>
  
  <pre><code>overflow: scroll;
  max-height:800px;
  </code></pre>
  
  <p>But it's not work for me. This is the entire html file. What is the problem? </p>
  
  <p>CSS </p>
  
  <pre><code>table{
      overflow: scroll;
     text-align: center;
     margin: auto;
     max-height:800px;
  }
  table, td, th
  {
  border:1px solid green;
  
  }
  th
  {
  background-color:green;
  color:white;
  }
  </code></pre>
  
  <p>And HTML</p>
  
  <pre><code>&lt;table &gt;
    &lt;tr&gt;
     &lt;th&gt;field a&lt;/th&gt;
     &lt;th&gt;field b&lt;/th&gt;
     &lt;th&gt;field c&lt;/th&gt;
     &lt;th&gt;field e&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td&gt;3534534&lt;/td&gt;
     &lt;td&gt;עו"ש&lt;/td&gt;
     &lt;td&gt;6,463&lt;/td&gt;
     &lt;td&gt;4,000&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td&gt;3534534&lt;/td&gt;
     &lt;td&gt;עו"ש&lt;/td&gt;
     &lt;td&gt;6,463&lt;/td&gt;
     &lt;td&gt;4,000&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Thanks!!!</p>