title: Add a vertical scroll to a webgrid within Asp.net mvc4 application
body: <p>I have used a <code>WebGrid</code> in my asp.net mvc4 application </p>
  
  <pre><code> &lt;td &gt;
                     @grid.GetHtml(tableStyle:"table_div",
                     headerStyle:"table_header",
                     columns: grid.Columns(
                     grid.Column("Nom de la propriété","Nom de la propriété",canSort:false,format:@&lt;label&gt;@Html.Raw(@item.PName)&lt;/label&gt;),
                     grid.Column("Valeur de la propriété","Valeur de la propriété",canSort:false,format:@&lt;label&gt;@Html.Raw(@item.PName)&lt;/label&gt;), 
                     grid.Column("","",canSort:false,format:@&lt;span&gt;@{i++;&lt;input name="proper@(@i)" type="checkbox" /&gt;}&lt;/span&gt;)))
              &lt;/td&gt; 
  </code></pre>
  
  <p><strong>Css</strong></p>
  
  <pre><code>.table_div {
      overflow-y: scroll;
      width: 400px;
      height: 200px;
      position: relative;
  }
  </code></pre>
  
  <p>I'd like to add a vertical scrolling to my grid but it didn't work.</p>
  
  <p><strong>Generated Html</strong></p>
  
  <pre><code>&lt;table class="table_div"&gt;
      &lt;thead&gt;
          &lt;tr class="table_header"&gt;
              &lt;th scope="col"&gt;
  Nom de la propriété            &lt;/th&gt;
              &lt;th scope="col"&gt;
  Valeur de la propriété            &lt;/th&gt;
              &lt;th scope="col"&gt;
              &lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;label&gt;poids&lt;/label&gt;&lt;/td&gt;
              &lt;td&gt;&lt;label&gt;poids&lt;/label&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span&gt;&lt;input name="proper0" type="checkbox"&gt;&lt;/span&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;label&gt;taille&lt;/label&gt;&lt;/td&gt;
              &lt;td&gt;&lt;label&gt;taille&lt;/label&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span&gt;&lt;input name="proper1" type="checkbox"&gt;&lt;/span&gt;&lt;/td&gt;
          &lt;/tr&gt;
  
      &lt;/tbody&gt;
      &lt;/table&gt;
  </code></pre>
  
  <ol>
  <li>What is the error?</li>
  <li>How can i fix it?</li>
  </ol>