How to insert additional column header using dataTable

Question

Hi everyone, I am using MyFaces 1.1.3, tomahawk 1.1.3, tomahawk-sandbox 1.1.5
I have to add one column header "Proficiency" as in image [http://www.nabble.com/file/p17206601/screenshot.jpg]
This is JSF code without "Proficiency":
<t:dataTable id="data" value="#{commonBean.tableList}" styleClass="standardTable" headerClass="table_header" rowClasses="table_row1, table_row2" columnClasses="standardTable_Checkbox_Column,standard_text,standardTable_Checkbox_Column,standardTable_Checkbox_Column" var="value" preserveSort="true" rows="10" width="100%" border="0" sortColumn="#{commonBean.sortColumn}" sortAscending="#{commonBean.ascending}" cellpadding="2" cellspacing="1" rowIndexVar="tableRowIndex">
     <h:column>
          <f:facet name="header">
                    <h:panelGrid styleClass="table_header2">
                              <h:outputText value="#{msg['select']}" />
                    </h:panelGrid>
          </f:facet>
          <h:selectBooleanCheckbox id="select" value="#{value.select}" />
     </h:column>
     <h:column>
          <f:facet name="header">
                    <t:commandSortHeader columnName="languageSkill" arrow="true" styleClass="table_header">
                              <h:outputText value="#{msg['language.skill']}" />
                    </t:commandSortHeader>
          </f:facet>
          <h:commandLink action="#{commonBean.editAction}" actionListener="#{commonBean.editActionListener}">
                    <h:outputText value="#{value.languageSkill}" />
          </h:commandLink>
          <f:param id="object" value="#{value}" />
     </h:column>
     <h:column>
          <f:facet name="header">
                    <h:outputText value="#{msg['spoken']}" />
          </f:facet>
          <h:outputText value="#{value.spokenDescription}" styleClass="standardText"/>
     </h:column>
     <h:column>
          <f:facet name="header">
                    <h:outputText value="#{msg['written']}" />
          </f:facet>
          <h:outputText value="#{value.writtenDescription}" styleClass="standardText"/>
     </h:column>
</t:dataTable>How to do ?
Thanks for your help
Edited by: nvduc82 on May 13, 2008 12:09 PM
Edited by: nvduc82 on May 13, 2008 8:46 PM

Answer 1

I see 2 possibilities:
1. Merge two last columns. And then use panelGrid inside the cells.
2. Use JSTL and tag forEach. I found it much easy-to-use.