Expandable table

[dblanco]

Hello, I detected an error in the theme. No text headers of a datatable shown expand a row of another datatable appears.

Thanks.

[mert.sincan]

I couldn't replicate this issue. Can you please attach a sample code for us to replicate?

My Test Code;

Code: Select all

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

        <p:rowExpansion>
            <p:dataTable var="car" value="#{dtBasicView.cars}">
                <f:facet name="header">
                    Table 2
                </f:facet>
                <p:column headerText="Id2">
                    <h:outputText value="#{car.id}" />
                </p:column>

                <p:column headerText="Year2">
                    <h:outputText value="#{car.year}" />
                </p:column>

                <p:column headerText="Brand2">
                    <h:outputText value="#{car.brand}" />
                </p:column>

                <p:column headerText="Color2">
                    <h:outputText value="#{car.color}" />
                </p:column>
            </p:dataTable>
        </p:rowExpansion>
    </p:dataTable>
</h:form>

Screenshot;

[mert.sincan]

And what PF version are you using?

[dblanco]

My PF version is 5.3

Code: Select all

<p:dataTable id="tableEntradas" widgetVar="tableEntradas"
	reflow="true" liveResize="true"
	var="row"
	value="#{cabEntradaBean.objList}" selectionMode="single"
	selection="#{cabEntradaBean.fSelected}" rowKey="#{row.numCabecera}"
	sortBy="#{row.numCabecera}" 
	scrollable="true" scrollRows="50" scrollHeight="600" 
	liveScroll="true" resizableColumns="true"				
	filteredValue="#{cabEntradaBean.filteredObjList}"
	rowExpandMode="single">

	<f:facet name="header">
		<h:outputText value="Entradas" />
	</f:facet>

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

	<p:column sortBy="#{row.numCabecera}" filterBy="#{row.numCabecera}"
		headerText="Número" width="70" filterStyle="display:none">
		<h:outputText value="#{row.numCabecera}" />
	</p:column>

	<p:column sortBy="#{row.numSerie}" filterBy="#{row.numSerie}"
		headerText="Serie" width="40" filterStyle="display:none">
		<h:outputText value="#{row.numSerie}" />
	</p:column>

	<p:ajax event="rowToggle" listener="#{cabEntradaBean.onRowToggle}" />
	<p:rowExpansion>
		<p:dataTable id="tableLineasMvto"
			reflow="true" liveResize="true"
			widgetVar="tableLineasMvto" var="line"
			sortBy="#{line.orden}"
			value="#{cabEntradaBean.lineasMvto}" scrollable="true">
			
			<f:facet name="header">
				Lineas de Movimiento
			</f:facet>
			
			<p:column headerText="Descripción">
				<h:outputText value="#{line.value}" />
			</p:column>

			<p:column headerText="Unidades">
				<h:outputText value="#{line.unidades}" />
			</p:column>			
		</p:dataTable>
	</p:rowExpansion>
</p:dataTable>

[mert.sincan]

We fixed this issue for 5.2.21+, 5.3.8+ and 6.0.
https://github.com/primefaces/primefaces/issues/243

You can try with 6.0.RC2 for now. Or please try this css codes;

Code: Select all

.ui-datatable-reflow .ui-datatable-data td .ui-column-title {
    display: block;
}

.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {
    display: none;
}

[dblanco]

Ok, thanks. The ccs code it´s works for me.

[mert.sincan]

Glad to hear, thanks

[Sogogi110]

I need these information, thanks !

[mert.sincan]

You're welcome