p:rowExpansion looks like another row of main p:dataTable

Is there any simple way to unify look of dataTable inside rowExpansion and main dataTable? Or dou you have any ideas to make it nice? I want it to looks like hidden rows of the same dataTable. Here is how it looks by default:

And here is default xhtml code:

<p:dataTable id="cars" var="car" value="#{carBean.someList}">
    <f:facet name="header">
        List of Cars
    </f:facet>

    <p:column style="width:16px">
        <p:rowToggler />
    </p:column>

    <p:column headerText="Name">
        <h:outputText value="#{car.user.name}" />
    </p:column>

    <p:columns value="#{scoresBean.otherList}" var="score" columnIndexVar="colIndex">
        <f:facet name="header">
            <h:outputText value="#{colIndex+1}" />
        </f:facet>
        <h:outputText value="#{car.scores[colIndex]}" />
    </p:columns>

    <p:rowExpansion>
        <p:dataTable id="cycs" var="cyc" value="#{car.semiScoresList}">
            <p:column>
                <h:outputText value="#{cyc.partName}" />
            </p:column>

            <p:columns value="#{scoresBean.otherList}" var="score" columnIndexVar="col">
                <h:outputText value="#{cyc.partsScores[col]}" />
            </p:columns>
        </p:dataTable>
    </p:rowExpansion>
</p:dataTable>

Answers


You can't, not without a lot of css javascript etc. Use a p:treetable for this


Need Your Help

Memory leak in very simple Android App

java android memory-leaks

I have a very complex app that is leaking memory. In order to track down the leak I stripped the launcher app to a very simple Android app which is still leaking an activity upon navigation to the...

Add JSON Schema properties (title, description) to C# class properties using Json.NET JsonSchemaGenerator

c# json json.net jsonschema

I'm working on generating a HTML form dynamically from a class in C#. My current approach is to generate a JSON Schema from the C# class using the JsonSchemaGenerator included in Json.NET on the se...