dataTable messed CSS
paolo.russian Apr 14, 2008 7:35 AMHello, I'm trying to implement a datatable in my application, as described in the exadel livedemo sourcecodes.
The table with the scroller is displayed correctly, while the sortable one mounts with a mistake in the css ("sortDiv" css element in a runtime generated [randomnumber] css file).
Happens that the column headers are placed one ontop the other and got a this "sortDiv" div background as a white rectangle covering up everthing on the table. The only way to display some text is either to disable css (with a mozilla plugin) and you see the table with the data inside, or enlarging alot the font size so that the scrollbars pops out and you can scroll and see a tiny part of the rows behind that white div.
It happens also that if I remove the column headers (just the outputtext, leaving "") the table gets displayed correctly, but obviously without the column headers, and you cannot make any sorting this way.
here is my code. Thanks in advance for any clues.
<div xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:s="http://jboss.com/products/seam/taglib" xmlns:rich="http://richfaces.org/rich" xmlns:phi="http://phi/tags" xmlns:a4j="https://ajax4jsf.dev.java.net/ajax"> <a4j:form id="tablesearch_result" > <h:panelGroup id="DataGrid_1207732054453_body" styleClass="DataGrid_1207732054453" > <rich:dataTable var="Patient_PRPA_MT201301UV02" value="#{Patient_PRPA_MT201301UV02_LIST}" width="300px" columnClasses="center" rows="25"> <f:facet name="header"> <h:outputText value="Sortable datagrid"/> </f:facet> <rich:column sortBy="#{RimBean.getRimValue('Patient_PRPA_MT201301UV02.player[classCode=PSN,determinerCode=INSTANCE].name.GIV',Patient_PRPA_MT201301UV02)}"> <f:facet name="header"> <h:outputText value="Column one"/> </f:facet> <h:outputText value="#{RimBean.getRimValue('Patient_PRPA_MT201301UV02.player[classCode=PSN,determinerCode=INSTANCE].name.GIV',Patient_PRPA_MT201301UV02)}"/> </rich:column> </rich:dataTable> </h:panelGroup> </a4j:form> </div>
p.s. changing a4j:form with h:form, or removing the panelgroup does not make any difference.