Estoy trabajando con jsf especificamente con Richfaces:
Al cargar una tabla con datos y filtro me sale bien probado en todos los navegadores.
Código PHP:
<rich:dataTable align="center"
style="width:90%;"
value="#{PostulanteMB.postulanteQry}"
var="pos"
rowKeyVar="row"
ajaxKeys="#{dataTableScrollerBean.keys}"
id="table"
onRowContextMenu="if (row) row.style.backgroundColor='#{a4jSkin.tableBackgroundColor}';
this.style.backgroundColor='#F1F1F1'; row=this;
#{rich:component('menu')}.show(event,{carVin:'#{pos.pe_num_doc}', currentRow:'#{row}'});
return false;"
rows="4"
reRender="ds">
<!-- COLUMNAS -->
<rich:column filterBy="#{pos.pe_num_doc}" filterEvent="onkeyup"
filterValue="#{PostulanteMB.pe_num_doc}" sortBy="#{pos.pe_num_doc}"
sortOrder="ASCENDING"
rendered="true">
<f:facet name="header">
<h:outputText value="DNI"/>
</f:facet>
<h:outputText value="#{pos.pe_num_doc}"/>
</rich:column>
<rich:column filterBy="#{pos.pe_nombres}" filterEvent="onkeyup"
filterValue="#{PostulanteMB.pe_nombres}" sortBy="#{pos.pe_nombres}"
rendered="true">
<f:facet name="header">
<h:outputText value="Nombres"/>
</f:facet>
<h:outputText value="#{pos.pe_nombres}"/>
</rich:column>
<rich:column filterBy="#{pos.pe_apellido_p}" filterEvent="onkeyup"
filterValue="#{PostulanteMB.pe_apellido_p}" sortBy="#{pos.pe_apellido_p}"
rendered="true">
<f:facet name="header">
<h:outputText value="Apellido Paterno"/>
</f:facet>
<h:outputText value="#{pos.pe_apellido_p}"/>
</rich:column>
<rich:column filterBy="#{pos.pe_apellido_m}" filterEvent="onkeyup"
filterValue="#{PostulanteMB.pe_apellido_m}" sortBy="#{pos.pe_apellido_m}"
rendered="true">
<f:facet name="header">
<h:outputText value="Apellido Materno"/>
</f:facet>
<h:outputText value="#{pos.pe_apellido_m}"/>
</rich:column>
<f:facet name="footer">
<rich:datascroller id="ds" renderIfSinglePage="false"></rich:datascroller>
</f:facet>
</rich:dataTable>
Código PHP:
<rich:column>
<f:facet name="header">
<h:outputText value="Acciones"/>
</f:facet>
<table width="100%">
<tr>
<td width="50%" align="center" >
<a4j:commandLink ajaxSingle="true" id="editlink"
oncomplete="#{rich:component('editPanel')}.show()">
<h:graphicImage value="/imagenes/edit_postulante.png" style="border:0; width:24px;" />
<f:setPropertyActionListener value="#{pos}"
target="#{PostulanteMB.currentItem}" />
<f:setPropertyActionListener value="#{row}"
target="#{PostulanteMB.currentRow}" />
</a4j:commandLink>
<rich:toolTip for="editlink" value="Editar" />
</td>
<td width="50%" align="center">
<a4j:commandLink ajaxSingle="true" id="deletelink"
oncomplete="#{rich:component('deletePanel')}.show()">
<h:graphicImage value="/imagenes/delete.png" style="border:0; width:24px;" />
</a4j:commandLink>
<rich:toolTip for="deletelink" value="Eliminar" />
</td>
</tr>
</table>
</rich:column>
Espero sus repuestas o comentarios, gracias
