p: rowExpansion выглядит как еще одна строка главного p: dataTable

Question

Есть ли простой способ унифицировать внешний вид dataTable внутри rowExpansion и main dataTable? Или у вас есть идеи сделать это приятным? Я хочу, чтобы он выглядел как скрытые строки одного и того же dataTable. Вот как это выглядит по умолчанию:

А вот по умолчанию код Xhtml:

<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> 

Answer 1

Вы не можете, не без большого количества CSS JavaScript и т.д. Использование ар: TreeTable для этого