title: How to display tables using xforms:repeat
body: <p>I was wondering if anyone knew how to display data using XForms in a table format. I have a code that displays each column tag as rows however, I was wondering how I can display each column tag as columns. I'd like my output to display like this:</p>
  
  <p><br>1 1 2 
  <br>2 3 4</p>
  
  <p>I am a beginner at XForms and have no idea about the basics so if anyone could help me out, that would be great. </p>
  
  <p>Here is my code:</p>
  
  <pre><code>    &lt;?xml version="1.0" encoding="UTF-8"?&gt;
      &lt;?xml-stylesheet href="xsltforms/xsltforms.xsl" type="text/xsl"?&gt;
      &lt;html xmlns="http://www.w3.org/1999/xhtml"
       xmlns:xf="http://www.w3.org/2002/xforms"
       xmlns:ev="http://www.w3.org/2001/xml-events"&gt;
       &lt;head&gt;
    &lt;title&gt;Table with CSS and Divs&lt;/title&gt;
    &lt;xf:model&gt;&lt;xf:instance&gt;
      &lt;disp xmlns=""&gt;
         &lt;row&gt;&lt;col&gt;1&lt;/col&gt;&lt;col&gt;2&lt;/col&gt;&lt;/row&gt;
         &lt;row&gt;&lt;col&gt;3&lt;/col&gt;&lt;col&gt;4&lt;/col&gt;&lt;/row&gt;
      &lt;/disp&gt;
    &lt;/xf:instance&gt;&lt;/xf:model&gt;
    &lt;style type="text/css"&gt;
      * {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    }
    /* example of doing layout of a table without using the HTML table tags */
  
    .table { 
    display:table;
     }
  
    .tableHeader, .tableRow, .tableFooter, .myRow  {
     display: table-row;
     }
  
    .leftHeaderCell, .leftCell, .leftFooterCell, 
    .rightHeaderCell, .rightCell, .rightFooterCell,
    .myCell
    {
     display:  table-cell;
     }    
   .myCell {
     padding: 5px 5px 5px 5px;
     border: solid black 2px
     }
    &lt;/style&gt;
     &lt;/head&gt;
     &lt;body&gt;
      &lt;div class="table"&gt;
  
          &lt;xf:repeat nodeset="row" id="idrow"&gt; 
          &lt;div class="myRow"&gt;  
              &lt;div class="myCell"&gt;&lt;xf:output ref="position()"/&gt;&lt;/div&gt; 
                  &lt;xf:repeat nodeset="col" id="idcol"&gt;    
              &lt;div class="myCell"&gt;&lt;xf:output ref="."/&gt;&lt;/div&gt;
  
               &lt;/xf:repeat&gt;
          &lt;/div&gt;
          &lt;/xf:repeat&gt; 
      &lt;/div&gt;
           &lt;/body&gt;
         &lt;/html&gt;
  </code></pre>