JSF and Tables

[Lukas Stadler]

Sorry for the question but i'm completely new to jsf 2.0 and are trying to use a table with some speciality.

the table should look something like this

    <table class="info" border=1>
        <tr>
            <td rowspan="4" class="info-left">Titel 1</td>
            <td class="info-right">Info11</td>
        </tr>
        <tr>
            <td class="info-right">Info12</td>
        </tr>
        <tr>
            <td class="info-right">Info13</td>
        </tr>
        <tr>
            <td class="info-right">Info14</td>
        </tr>

        <tr>
            <td rowspan="4" class="info-left">Titel 2</td>
            <td class="info-right">Info21</td>
        </tr>
        <tr>
            <td class="info-right">Info22</td>
        </tr>
        <tr>
            <td class="info-right">Info23</td>
        </tr>
        <tr>
            <td class="info-right">Info24</td>
        </tr>
    </table>

I'd like to iterate over a List of info Elements and fill the stuff into the table. All titel, info1, info2, info3, info4 are members of the class info. so i should be able to iterate over them.

If i do something like that

<h:dataTable  var="info" value="#{manualInput.infos}">
    <h:column class="info-left bold">#{info.title}</h:column>
    <h:column class="info-right bold">#{info.info1}</h:column>
    <h:column class="info-right bold">#{info.info2}</h:column>
    <h:column class="info-right bold">#{info.info3}</h:column>
    <h:column class="info-right bold">#{info.info4}</h:column>
</h:dataTable>

I can't get the table structure as described above.


So I tried to do it somehow like that:

<h:dataTable  var="info" value="#{manualInput.infos}">
    <h:column rowspan="" class="info-left">#{info.title}</h:column>
    <h:panelGrid id="panel" columns="1">
        <h:outputText value="#{info.info1}"/>
        <h:outputText value="#{info.info2}"/>
        <h:outputText value="#{info.info3}"/>
        <h:outputText value="#{info.info4}"/>
   </h:panelGrid>
</h:dataTable>

But I can't get it working.

How do you implement a table like I want in jsf???

Thanks

[Tim Holloway]

"I can't get it to work" doesn't tell us anything. What is it doing wrong?

Incidentally, you cannot just bind the collection to the dataTable tage, if that's what you're trying to do. You have to wrap the collection in a DataModel object and provide a getter for the datamodel object.

[Lukas Stadler]

With icefaces I can use <ice:columnGroup> and <ice:column groupOn="#{...}"> to get it working. But icefaces 2.0 is still alpha and I'd lke to use JSF 2.0. My problem is, that I don't know how to use the dataTable element with the glassfish implementation (mojarra) to get exactly that grouping.

You can see the grouping with icefaces working in http://component-showcase.icefaces.org/component-showcase/showcase.iface under Table - grouping, so how do I do that with mojarra. I can't find the needed components to get it working

[Tim Holloway]

Grouping isn't supported in core JSF dataTable. The core datatable is quite minimalist. For stuff like that, you'd need IceFaces or some similar extension like RichFaces (which also supports grouped tables).