Вам нужно поместить столбцы внутри <h:column>
.
<h:dataTable value="#{questionBacking.recentlyAskedQuestions}" var="question" rendered="#{not empty questionBacking.recentlyAskedQuestions}">
<h:column>
<h:outputText value="#{question.questionTitle}" />
<br/>
<h:outputText value="#{question.questionBody}" />
</h:column>
<h:column>
<h:dataTable value="#{question.answers}" var="answer">
<h:column>
<h:outputText value="#{answer.answer}" />
</h:column>
</h:dataTable>
</h:column>
</h:dataTable>
(обратите внимание, что я изменил атрибуты rendered
и var
, чтобы они были немного более самодокументированными,Вы также можете переименовать questionTitle
, questionBody
и answer
в title
, body
и body
соответственно, чтобы не допускать повторения значения)