title: How do you get a single table column to continue onto next column of page instead of one column on every page in ASP.NET MVC C#?
body: <p>I am trying to design a pdf view page for product labels in asp.net mvc c#. Basically, I want there to be two columns on the page with 5 rows (so 10 total labels per page). Based on a form where certain products are selected, the form pulls up the pdf view of the labels (which I use Rotativa for) and it inserts the products selected from form into the labels to print. I have it working perfectly as far as getting the data to the labels, but its only displaying as a single column per page. I'd like after the column on each page reaches the end of the page, instead continuing onto the next page, it flows over to the next column on page. I tried doing another  section and copied the same fields to it from column one but it just shows the same duplicate record per row. I've tried alot of different things I've read online and none of it is working such as <code>display: block or block-inline</code>, I've tried in css setting <code>column-count: 2;</code>. Everything I'm finding online they have multiple fields or columns. I have just one . It's weird that it repeats all the way down the page on the left half of the page but won't continue onto the right half. Here's a basic example of what I want:</p>
  <p>[ label from record 1 ]   [ label from record 6 ]<br />
  [ label from record 2 ]   [ label from record 7 ]<br />
  [ label from record 3 ]   [ label from record 8 ]<br />
  [ label from record 4 ]   [ label from record 9 ]<br />
  [ label from record 5 ]   [ label from record 10]<br />
  (end of page 1)</p>
  <p>I've been stuck on this for a couple days now, any help would be greatly appreciated. Here is my code so far:</p>
  <pre><code>   &lt;table&gt;
       @foreach (var item in Model)
       {
         &lt;tr&gt;
           &lt;td class=&quot;left-col&quot;&gt;
             &lt;img src=&quot;@Server.MapPath(&quot;~/Images/&quot; + item.Logo)&quot; class=&quot;comp-logo&quot;&gt;&lt;br /&gt;
             &lt;label class=&quot;item-lbl&quot;&gt;Item #&lt;/label&gt;&lt;br /&gt;
             &lt;label class=&quot;code&quot;&gt;@Html.DisplayFor(modelitem =&gt; item.Product_Code)&lt;/label&gt;&lt;br /&gt;
             &lt;label class=&quot;descript&quot;&gt;@Html.DisplayFor(modelitem =&gt; item.Description)&lt;/label&gt;
           &lt;/td&gt;
         &lt;/tr&gt;
       }
     &lt;/table&gt;
  </code></pre>