jsf - JSFでネストされたデータテーブルを使用してArraylistでアルファベットを表示する

Question

Nested DataTable を使用して、それぞれのアルファベットと Records を動的に追加した List を表示する方法は?
表示は次のようになります:
A
---最初の文字として A を持つ ArrayList が表示されます
--
.
.
B
--- B を最初の文字として表示された ArrayList --
.
.
.
C
--- C を最初の文字として表示された ArrayList --
.
.
.
Zまで続きます。

上記の表示のためにこれまでに行われたネストされた Datatable のコードは次のとおりです。

<h:dataTable value="#{bean.outerlist}" var="loc">
<h:column>
<h:outputTxt value="#{loc.alphabet}">
<h:dataTable value="#{bean.innerlist}" var="loc2">
<h:column>
<h:outputText value="#{loc2.firstName}">
</h:column>
</h:dataTable>
</h:column>
</h:dataTable>