datatable rendering 'error', tooltip and firefox 3.6.8

[axemitch]

Hello all, since yesterday, im searching about a "bug"?

I have a datable, with a tooltip for one column.

My problem is the render on firefox, i tried it on IE 6 and Chrome and is ok.

And there is the code :

{code:xml}

     <rich:panel>
            <rich:dataTable id="lpaData"
                onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                onRowMouseOut="this.style.backgroundColor='white'" rendered="true"
                width="99%" value="#{ui_la.leavesApp}" var="leaveApp">
                <f:facet name="header">
                    <rich:columnGroup>
                        <rich:column>Primary Approval</rich:column>
                        <rich:column>Reason</rich:column>
                        <rich:column>Action</rich:column>
                    </rich:columnGroup>
                </f:facet>
                <rich:column style="text-align: center;">
                    <h:graphicImage url="images/tip.gif"
                        rendered="#{leaveApp.primApproval}" alt="titi"></h:graphicImage>
                </rich:column>
                <rich:column style="text-align: center;" rendered="true"
                    visible="true">
                    <h:graphicImage url="images/comments.gif"
                        rendered="#{not empty leaveApp.reason}" id="gI" alt="tata">
                    </h:graphicImage>
                    <h:outputText value=" no reason"
                        rendered="#{empty leaveApp.reason}">
                        <rich:toolTip followMouse="true" id="tip" for="gI"
                            direction="top-right" styleClass="tooltip">
                            <h:outputText value="#{leaveApp.reason}" />
                        </rich:toolTip>
                    </h:outputText>
                </rich:column>
                <rich:column>
                    <h:outputText value="Actions" />
                </rich:column>
            </rich:dataTable>
        </rich:panel>

{code}

Anyone know how to correct this ?

Or maybe i made a mistake on coding ?

i'm using richfaces 3.3.3

Thanks

[axemitch]

Well,

I don't know if it is a good solution,

but i try this,   adding style="border-collapse: inherit;"

<rich:dataTable id="lpaData"
                onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                onRowMouseOut="this.style.backgroundColor='white'" rendered="true"
                width="99%" value="#{ui_la.leavesApp}" var="leaveApp" style="border-collapse: inherit;">

And rendering is correct on IE and Firefox.

Ce message a été modifié par: P Michel

[ilya_shaikovsky]

a good solution - solution which works. But the case is really strange.. You could check such cases with FireBug to look for the style which causes it easilly.

[axemitch]

Strange, yes it is.

I tried to simplify the jsf code to find where this come from, but it seems i'm not good enough for this one.

So here is the code

<f:view>
    <rich:dataTable width="50%" value="one">
        <f:facet name="header">
            <rich:columnGroup>
                <rich:column>Reason</rich:column>
                <rich:column>Action</rich:column>
            </rich:columnGroup>
        </f:facet>
        <rich:column>
            <h:outputText value="OverHereForTooltip" id="reasonColumn2"></h:outputText>
            <rich:toolTip for="reasonColumn2" > My toolTip </rich:toolTip>
        </rich:column>
        <rich:column>
            <h:outputText value="Actions" />
        </rich:column>
    </rich:dataTable>
</f:view>

Which gives me this :

If someone find the origin of this rendering, i will be glad to know it.