title: how to add a vertical scroll bar within a table (razor view)
body: <p>I am struggling to to add a a vertical scroll bar in my view(razor/html).
  i would like to place it within my data which wraps my data. I have made attempt but wasn't successful.</p>
  
  <p>In needs of some help if possible.</p>
  
  <pre><code>&lt;table id = "MenuItem"  class="promo full-width alternate-rows" style="text-align: center; "&gt;  &lt;!-- Cedric Kehi DEMO CHANGE --&gt;
  
  
  
              &lt;tr&gt;
                  &lt;th&gt;Product Code
                  &lt;/th&gt;
  
                  &lt;th&gt;Description &lt;!-- JACK EDIT --&gt;
                  &lt;/th&gt;
                  &lt;th&gt;Product Size
                  &lt;/th&gt;
                  &lt;th&gt;Product Material
                  &lt;/th&gt;
                  &lt;th&gt;Excluded?
                  &lt;/th&gt;
                  &lt;th&gt;Order
                  &lt;/th&gt;
                  &lt;th&gt;Actions&lt;/th&gt;
              &lt;/tr&gt;
  
  
          &lt;tbody id ="scroll" style="overflow : scroll"&gt;
  
  
          @foreach (var item in Model.IndexList.OrderBy(x =&gt; x.ShuffleFunction))
          {
  
  
  
  
              &lt;tr id ="trendingDisplay" data-model="model-1"&gt;
  
  
  
                      &lt;td class="center-text"&gt;
                          @Html.DisplayFor(modelItem =&gt; item.ProductCode)
                      &lt;/td&gt;
                     @* &lt;td&gt;
                          @Html.DisplayFor(modelItem =&gt; item.ProductTemplate.Description)
                      &lt;/td&gt;*@
                      &lt;td&gt;
                          @Html.DisplayFor(modelItem =&gt; item.Description)
                      &lt;/td&gt;
                      &lt;td&gt;
                          @Html.DisplayFor(modelItem =&gt; item.Size.SizeTitle)
                      &lt;/td&gt;
                      &lt;td&gt;
                          @Html.DisplayFor(modelItem =&gt; item.Material.MaterialName)
                      &lt;/td&gt;
                      &lt;td&gt;
                      @Html.DisplayFor(modelItem =&gt; item.GreyOut)
                      &lt;/td&gt;
                      &lt;td&gt;
                      @Html.DisplayFor(modelItem =&gt; item.ShuffleFunction)
                      &lt;/td&gt;
                      &lt;td class="center-text nowrap"&gt;
                          @Html.ActionLink(" ", "Edit", new { id = item.ProductID }, new { title = "Edit", @class = "anchor-icon-no-text edit" })
                          @Html.ActionLink(" ", "Details", new { id = item.ProductID }, new { title = "Details", @class = "anchor-icon-no-text details" })
                          @Html.ActionLink(" ", "Delete", new { id = item.ProductID }, new { title = "Delete", @class = "anchor-icon-no-text delete" })
  
    &lt;input class ="greyout" type="checkbox"  name="grey" id="trending" /&gt;
  
  
                  &lt;/td&gt;
  
              &lt;/tr&gt;
  
  
  
          }
  
  
              &lt;/tbody&gt;
  
      &lt;/table&gt;
  </code></pre>