title: Creating a table column by column with repeater
body: <p>I'm trying to make a comparison table for a website. There is a repeater which has a list of objects as the datasource. </p>
  
  <p>The table will need to look like so:</p>
  
  <pre><code>Product1        Product2        Product3
  ProductName1    ProductName2    ProductName3
  ProductImage1   ProductImage2   ProductImage3
  </code></pre>
  
  <p>The problem is that I have the <code>&lt;tr&gt;</code> and <code>&lt;td&gt;</code> tags in the repeater and this causes the ProductNames to not be in the same row, so I get this:</p>
  
  <pre><code>Product1       
  ProductName1    
  ProductImage1   
  
  Product2       
  ProductName2    
  ProductImage2   
  
  Product3       
  ProductName3    
  ProductImage3
  </code></pre>
  
  <p>Is there a way to fill in the table column by column with the different items being in the same row? </p>
  
  <p>Edit (added code):</p>
  
  <pre><code>&lt;asp:PlaceHolder runat="server" ID="phPopUp"&gt;
      &lt;div id="popup-wrapper"&gt;
          &lt;asp:Repeater runat="server" ID="rptProductInfo" OnItemDataBound="rptProductInfo_ItemDataBound"&gt;
              &lt;HeaderTemplate&gt;
                  &lt;table class="table-wrapper"&gt;
              &lt;/HeaderTemplate&gt;
              &lt;ItemTemplate&gt;
                      &lt;tr&gt;
                          &lt;td&gt;
                              &lt;%# ((PPG.Ecommerce.CategoryProduct)Container.DataItem).PageTitle %&gt;
                          &lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td class="product-image"&gt;
                              &lt;img src='&lt;%# URLHelper.GetAbsoluteUrl(((PPG.Ecommerce.CategoryProduct)Container.DataItem).ProductImage) %&gt;'
                                  alt='&lt;%# ((PPG.Ecommerce.CategoryProduct)Container.DataItem).PageTitle %&gt;'
                                  title='&lt;%# ((PPG.Ecommerce.CategoryProduct)Container.DataItem).PageTitle %&gt;' /&gt;
                          &lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;
                              &lt;%# ResHelper.GetString("PPGEcomUk.ProductCompare.Features") %&gt;
                          &lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;
                              &lt;%-- Features --%&gt;
                              &lt;asp:Literal runat="server" ID="ltFeatures" /&gt;
                          &lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;%--                    &lt;tr&gt;
                          &lt;td&gt;
                              &lt;asp:Literal ID="ltApplication" runat="server" /&gt;
                          &lt;/td&gt;
                      &lt;/tr&gt;--%&gt;
                      &lt;tr&gt;
                          &lt;td&gt;
                              &lt;%# ResHelper.GetString("PPGEcomUk.ProductCompare.ColorType") %&gt;
                          &lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;
                              &lt;%# ((PPG.Ecommerce.CategoryProduct)Container.DataItem).EcomProduct.ProductColorType %&gt;
                          &lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;
                              &lt;%# ResHelper.GetString("PPGEcomUk.ProductCompare.Colors") %&gt;
                          &lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;
                              &lt;asp:Literal ID="colors" runat="server" /&gt;
                              &lt;asp:BulletedList runat="server" ID="blColors" /&gt;
                          &lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;
                              &lt;%# ResHelper.GetString("PPGEcomUk.ProductCompare.Colors") %&gt;
                          &lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;
                              &lt;asp:Literal runat="server" ID="ltVolumes" /&gt;
                          &lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;
                              &lt;%-- substrate --%&gt;
                          &lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;
                              &lt;%-- finish --%&gt;
                          &lt;/td&gt;
                      &lt;/tr&gt;
              &lt;/ItemTemplate&gt;
              &lt;FooterTemplate&gt;
                  &lt;/table&gt;
              &lt;/FooterTemplate&gt;
          &lt;/asp:Repeater&gt;
  </code></pre>