title: How to display multiple dynamic data table headers?
body: <p>I have already successfully displayed a dynamic datatable in my JSF page.</p>
  
  <p>However, i need to add column header for month column as given below
  but it's not displaying month column header</p>
  
  <pre><code>&lt;ul type="none"&gt;
      &lt;ui:repeat  value="#{caseStudy.pojoListsForCaseStudyAttendance}"
                 var="caseStudyDetails"&gt;
          &lt;li&gt;
              &lt;p:dataTable value="#{caseStudyDetails}"
                           var="pojo1"
                           rendered="#{addCampus.campusDetails.campus=='C'}"&gt;
  
                  &lt;p:column&gt;
                      &lt;f:facet name="header"&gt;
                          &lt;p:outputLabel value="#{pojo1.subjectName}"&gt;&lt;/p:outputLabel&gt;
                      &lt;/f:facet&gt;
                      &lt;p:outputLabel value="#{pojo1.monthValue}"&gt;&lt;/p:outputLabel&gt;
                  &lt;/p:column&gt;
  
                  &lt;p:column headerText="#{message['label.msg.student.leave.list.list']}"&gt;
                      &lt;p:outputLabel value="#{pojo1.appliedLeavesList}"&gt;&lt;/p:outputLabel&gt;
                  &lt;/p:column&gt;
              &lt;/p:dataTable&gt;
          &lt;/li&gt;
      &lt;/ui:repeat&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/ILpOs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ILpOs.png" alt="Actual Output that I&#39;m getting"></a></p>