如何生成JSF组合组件的网格？

Question

如何生成JSF组合组件的网格？

我有很多的outputLabel和inputText对

<h:panelGrid columns="2">
  <h:outputLabel value="label1" for="inputId1"/>
  <h:inputText id="inputId1/>

  <h:outputLabel value="label2" for="inputId2"/>
  <h:inputText id="inputId2/>

  ...</h:panelGrid>

我希望他们都有一些行为：对每个inputText都有相同的验证或相同的大小。因此，我创建了一个复合组件，它只包含一个outputLabel和一个inputText

<my:editField value="field1"/><my:editField value="field2"/>

但是现在，当我把它们放在一个网格面板中时，它们不会根据标签文本的长度而对齐。我知道为什么，但我不知道怎么工作。