Problem with headers in sorted rich:datatable with subtable
Hi to everyone!
I have a sorted rich:datatable with a subtable, but I have to put subheaders. How can I do this? I have attached an image that shows my problem.
This is my current code:
<rich:dataTable id="tablaDocumentosBandejaEntrada" rows="20" styleClass="resultados" onRowMouseOver="this.style.backgroundColor='#F8F8F8'" onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'" cellpadding="1" cellspacing="1" width="100%" value="#{reporte.documentoEnBandejaEntrada}"var="documentoEnBandejaEntrada" rendered="#{reporte.documentoEnBandejaEntrada != null}" rowClasses="impar" ><rich:column rowspan="#{documentoEnBandejaEntrada.expedientesAsociadosADocumento.size()+1}"><f:facet name="header"><h:outputText value="Ver Expediente" /></f:facet><a4j:commandButton id="verExpediente" alt="Ver Expediente" image="/img/ver_detalle_01.gif" action="#{verExpedienteDesdeReporte.begin()}" rendered="#{reporte.renderedVerExpediente(documentoEnBandejaEntrada.idDocumento)}"><f:param name="idExpediente" value="#{reporte.obtenerIdExpediente(documentoEnBandejaEntrada.numeroExpediente)}" /><f:param name="bandejaEntradaCopia" value="false" /></a4j:commandButton></rich:column><rich:column rowspan="#{documentoEnBandejaEntrada.expedientesAsociadosADocumento.size()+1}"><f:facet name="header"><h:outputText value="Ver Documento" /></f:facet><a4j:htmlCommandLink immediate="true" border="0px" target="_blank" action="#{visualizador.verDocumento(documentoEnBandejaEntrada.idDocumento)}"rendered="#{reporte.renderedVisualizarExpediente(documentoEnBandejaEntrada.idDocumento)}"><h:graphicImage border="0px" alt="#{documentoEnBandejaEntrada.idDocumento}" url="/img/icono_visualizar_doc_adjunto.gif" /></a4j:htmlCommandLink></rich:column><rich:column sortable="true" sortBy="#{documentoEnBandejaEntrada.tipoDocumento}" rowspan="#{documentoEnBandejaEntrada.expedientesAsociadosADocumento.size()+1}"> <f:facet name="header"><h:outputText value="Tipo Documento" /></f:facet> <h:outputText value="#{documentoEnBandejaEntrada.tipoDocumento}" /></rich:column>...................................<rich:column colspan="5" style="vertical-align: top;"> <f:facet name="header"><h:outputText value="Datos de Bandeja" /></f:facet><rich:subTable id="tablaDocumentosBandejaEntrada" styleClass="resultados" onRowMouseOver="this.style.backgroundColor='#F1F1F1'"onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'" cellpadding="1" cellspacing="1" width="100%" var="expedienteAsociado"value="#{documentoEnBandejaEntrada.expedientesAsociadosADocumento}"><rich:column> <h:outputText value="#{expedienteAsociado.destinatario.cargo.unidadOrganizacional.descripcion}" /></rich:column><rich:column> <h:outputText value="#{expedienteAsociado.destinatario.cargo.descripcion}" /></rich:column><rich:column> <h:outputText value="#{expedienteAsociado.destinatario.getNombreApellido()}" /></rich:column><rich:column> <h:outputText value="#{expedienteAsociado.fechaDespacho}"><f:convertDateTime pattern="dd/MM/yyyy HH:mm" locale="#{reporte.locale}" timeZone="#{reporte.timeZone}" /></h:outputText></rich:column><rich:column> <h:outputText value="#{expedienteAsociado.fechaAcuseRecibo}"><f:convertDateTime pattern="dd/MM/yyyy HH:mm" locale="#{reporte.locale}" timeZone="#{reporte.timeZone}" /></h:outputText></rich:column></rich:subTable></rich:column></rich:dataTable>
<rich:dataTable
id="tablaDocumentosBandejaEntrada" rows="20" styleClass="resultados"
onRowMouseOver="this.style.backgroundColor='#F8F8F8'"
onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
cellpadding="1" cellspacing="1" width="100%"
value="#{reporte.documentoEnBandejaEntrada}"
var="documentoEnBandejaEntrada"
rendered="#{reporte.documentoEnBandejaEntrada != null}"
rowClasses="impar"
>
<rich:column rowspan="#{documentoEnBandejaEntrada.expedientesAsociadosADocumento.size()+1}">
<f:facet name="header">
<h:outputText value="Ver Expediente" />
</f:facet>
<a4j:commandButton id="verExpediente" alt="Ver Expediente" image="/img/ver_detalle_01.gif" action="#{verExpedienteDesdeReporte.begin()}"
rendered="#{reporte.renderedVerExpediente(documentoEnBandejaEntrada.idDocumento)}">
<f:param name="idExpediente" value="#{reporte.obtenerIdExpediente(documentoEnBandejaEntrada.numeroExpediente)}" />
<f:param name="bandejaEntradaCopia" value="false" />
</a4j:commandButton>
</rich:column>
<rich:column rowspan="#{documentoEnBandejaEntrada.expedientesAsociadosADocumento.size()+1}">
<f:facet name="header">
<h:outputText value="Ver Documento" />
</f:facet>
<a4j:htmlCommandLink immediate="true" border="0px" target="_blank" action="#{visualizador.verDocumento(documentoEnBandejaEntrada.idDocumento)}"
rendered="#{reporte.renderedVisualizarExpediente(documentoEnBandejaEntrada.idDocumento)}">
<h:graphicImage border="0px" alt="#{documentoEnBandejaEntrada.idDocumento}" url="/img/icono_visualizar_doc_adjunto.gif" />
</a4j:htmlCommandLink>
</rich:column>
<rich:column
sortable="true" sortBy="#{documentoEnBandejaEntrada.tipoDocumento}"
rowspan="#{documentoEnBandejaEntrada.expedientesAsociadosADocumento.size()+1}">
<f:facet name="header">
<h:outputText value="Tipo Documento" />
</f:facet>
<h:outputText value="#{documentoEnBandejaEntrada.tipoDocumento}" />
</rich:column>
...................................
<rich:column colspan="5" style="vertical-align: top;">
<f:facet name="header">
<h:outputText value="Datos de Bandeja" /> <!-- This is the main header but I have to put subheaders! -->
</f:facet>
<rich:subTable id="tablaDocumentosBandejaEntrada" styleClass="resultados" onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'" cellpadding="1" cellspacing="1" width="100%" var="expedienteAsociado"
value="#{documentoEnBandejaEntrada.expedientesAsociadosADocumento}">
<rich:column>
<h:outputText value="#{expedienteAsociado.destinatario.cargo.unidadOrganizacional.descripcion}" />
</rich:column>
<rich:column> <h:outputText value="#{expedienteAsociado.destinatario.cargo.descripcion}" />
</rich:column>
<rich:column> <h:outputText value="#{expedienteAsociado.destinatario.getNombreApellido()}" />
</rich:column>
<rich:column> <h:outputText value="#{expedienteAsociado.fechaDespacho}">
<f:convertDateTime pattern="dd/MM/yyyy HH:mm" locale="#{reporte.locale}" timeZone="#{reporte.timeZone}" />
</h:outputText>
</rich:column>
<rich:column>
<h:outputText value="#{expedienteAsociado.fechaAcuseRecibo}">
<f:convertDateTime pattern="dd/MM/yyyy HH:mm" locale="#{reporte.locale}" timeZone="#{reporte.timeZone}" />
</h:outputText>
</rich:column>
</rich:subTable>
</rich:column>
</rich:dataTable>
Columns in subtable don´t have to be sorted.
Thanks in advance!
