title: JSF 2 ui:repeat: group every n items inside a div
body: <p>Given a collection that I want to arrange on a page like this:</p>
  
  <pre class="lang-xhtml prettyprint-override"><code>&lt;!-- Group 0 --&gt;
  &lt;div style="float:left;"&gt;
      &lt;div&gt;&lt;!-- Item 0 --&gt;&lt;/div&gt;
      &lt;div&gt;&lt;!-- Item 1 --&gt;&lt;/div&gt;
  
      &lt;!-- ... --&gt;
  
      &lt;div&gt;&lt;! -- Item n - 1 --&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;!-- Group 1 --&gt;
  &lt;div style="float:left;"&gt;
      &lt;div&gt;&lt;!-- Item n     --&gt;&lt;/div&gt;
      &lt;div&gt;&lt;!-- Item n + 1 --&gt;&lt;/div&gt;
  
      &lt;!-- ... --&gt;
  
      &lt;div&gt;&lt;! -- Item 2n - 1 --&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;!-- ... --&gt;
  
  &lt;!-- Group g --&gt;
      &lt;div&gt;&lt;!-- Item gn     --&gt;&lt;/div&gt;
      &lt;div&gt;&lt;!-- Item gn + 1 --&gt;&lt;/div&gt;
  
      &lt;!-- ... --&gt;
  
      &lt;div&gt;&lt;! -- Item (g + 1)n - 1 --&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there some sort of trick I can use to do this inside a ui:repeat or by some other technique, <em>preferably</em> other than creating a custom component?</p>