title: Table scroll with HTML and CSS
body: <p>I have a table like that which i fill with a data </p>
  
  <pre><code>&lt;table id="products-table"  style="overflow-y:scroll" &gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Product (Parent Product)&lt;/th&gt; 
              &lt;th&gt;Associated Sites&lt;/th&gt;
              &lt;th&gt;Actions&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          @for (int i = 0; i &lt; Model.Count(); i++)
          { 
          &lt;tr&gt;
              &lt;td&gt;
                  &lt;a href="Edit"&gt;&lt;strong&gt;@Model.ElementAt(i).Name&lt;/strong&gt;&lt;/a&gt;&lt;br /&gt;
              &lt;/td&gt;
              &lt;td&gt;
                  &lt;span class="lesser"&gt;&lt;/span&gt;
              &lt;/td&gt;
              &lt;td&gt;@Html.ActionLink("Edit Product", "Edit", "Products")&lt;br /&gt;
                  @Html.ActionLink("Associate Site", "Associate", "Products")
              &lt;/td&gt;
           &lt;/tr&gt;
          }
          &lt;tr&gt;
  &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>and CSS like that </p>
  
  <pre><code>    #products-table
  {
       width: 200px;
      height: 400px;
      overflow:scroll;
  }
  </code></pre>
  
  <p>but scroll doesn't work, I want to fix the height of the table and if it exceeds, then work with scrollbar</p>