HeaderText doesn't show in RowExpansion component

[spawn]

The headerText (Stuff) in this case doesn't appear inside a <p:rowExpansion> component. Any suggestion?

Code: Select all

<p:rowExpansion>
   <p:dataTable ...>
      <p:column headerText="Stuff">
         ...
      </p:column>
      ...
   </p:dataTable>
</p:rowExpansion>

[mert.sincan]

I think this isn't a Layout or Theme issue. Please use core forum; http://forum.primefaces.org/viewforum.php?f=3

Also, I tested this issue with Spark. it works fine.
Screenshot;


Test;

Code: Select all

<h:form id="form">
    <p:dataTable var="car2" value="#{dtBasicView.cars}">
        <f:facet name="header">
            Expand rows to see detailed information
        </f:facet>
        <p:column style="width:24px">
            <p:rowToggler />
        </p:column>
        <p:column headerText="Id">
            <h:outputText value="#{car2.id}" />
        </p:column>
        <p:column headerText="Year">
            <h:outputText value="#{car2.year}" />
        </p:column>

        <p:rowExpansion>
            <p:dataTable id="singleDT" var="car" value="#{dtSelectionView.cars7}" selectionMode="single" selection="#{dtSelectionView.selectedCar}" rowKey="#{car.id}"
                         rows="10" paginator="true" paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                         rowsPerPageTemplate="5,10,15" emptyMessage="No cars found with given criteria" reflow="true">
                <f:facet name="header">
                    Car Sales Ranks
                </f:facet>

                <p:column headerText="Id" sortBy="#{car.id}" footerText="Id">
                    <h:outputText value="#{car.id}" />
                </p:column>
                <p:column headerText="Year" sortBy="#{car.year}" footerText="Year">
                    <h:outputText value="#{car.year}" />
                </p:column>
                <p:column headerText="Brand" sortBy="#{car.brand}" footerText="Brand">
                    <h:outputText value="#{car.brand}" />
                </p:column>
                <p:column headerText="Color" sortBy="#{car.color}" footerText="Color">
                    <h:outputText value="#{car.color}" />
                </p:column>
            </p:dataTable>
        </p:rowExpansion>
    </p:dataTable>
</h:form>

[spawn]

I found the problem. The behavior happens when datatable has the reflow attribute.

[mert.sincan]

Thanks for the update. This is a PrimeFaces Core issue. Please try;

Code: Select all

.ui-datatable-reflow .ui-datatable-data .ui-expanded-row-content thead .ui-column-title {
     display: inline;
}

[spawn]

It works. Thanks!

[mert.sincan]

Glad to hear, thanks!