Question

Right now I have this code which enumerates to a singe column table all the way down the page.

Is there a way to make it two colums next to each other all the way to the end?

 <table>
<% foreach (var item in Model)
   { %>
   <tr>
        <td>
          <%=Html.Encode(item.PartNo)%>
       </td>
   </tr>

<% } %>

</table>

Answer 1

You can just change the foreach loop to a for loop for more flexibility:

<% var itemList = Model.ToList(); %>

<table>
<% for (int i=0; i < itemList.Count; i+=2))
   { %>
   <tr>
        <td>
          <%= Html.Encode(itemList[i].PartNo) %>
       </td>
       <td>
          <% if (i+1 < itemList.Count) 
             { 
                 Response.Write(Html.Encode(itemList[i+1].PartNo));
             }
           %>
       </td>
   </tr>
<% } %>
</table>

If you’re doing this a lot, you could consider turning it into an HTML helper to output any number of columns.