title: Display three columns per row in MVC cshtml
body: <p>What I have currently is the below which works fine but now it shows my records in a long list, what i want to do is show three(3) records per row. I tried putting a for loop over the  tags but it doesnt work it just displays duplicate of each record three(3) time.</p>
  
  <pre><code>   @foreach (var ClientItem in Model.Clients)
                      {
                        &lt;tr&gt;
                          &lt;td&gt;
                              &lt;div id="dataListItem" &gt;
                                  @Html.Hidden("ClientID", ClientItem.ClientID)
                                  @Html.Label(ClientItem.ClientName)
                                  &lt;input type='checkbox' name="ClientItemCheckBox" id="ClientItemCheckBox" style="color: #428bca;" /&gt;
                              &lt;/div&gt;
                          &lt;/td&gt;
                       &lt;/tr&gt;
                      }
  </code></pre>
  
  <p>please help I've ran out of ideas, I've also tried archive <a href="https://stackoverflow.com/questions/8142879/how-can-i-count-loops-in-mvc3-in-foreach">that was asked before</a></p>