title: How to make a grid of JSF composite component?
body: <p>I have lot's of outputLabel and inputText pairs in panelGrids</p>
  
  <pre><code>&lt;h:panelGrid columns="2"&gt;
    &lt;h:outputLabel value="label1" for="inputId1"/&gt;
    &lt;h:inputText id="inputId1/&gt;
  
    &lt;h:outputLabel value="label2" for="inputId2"/&gt;
    &lt;h:inputText id="inputId2/&gt;
  
    ...
  &lt;/h:panelGrid&gt;
  </code></pre>
  
  <p>I want to have some behaviour for all of them: like same validation or same size for every inputText. So I have created a composite component which just includes an outputLabel and and an inputText</p>
  
  <pre><code>&lt;my:editField value="field1"/&gt;
  &lt;my:editField value="field2"/&gt;
  </code></pre>
  
  <p>But now when I put them in a gridPanel, they do not get aligned depending on the length of the label text. I understand why, but I don't know how to work around.</p>