1 Reply Latest reply on Nov 23, 2009 5:43 AM by Ilya Shaikovsky

    Table left border allways visible even if all columns have n

    Antonio Gurisatti Newbie

      Hi,

      Is there a way to get rid of tables left border when I declare all columns with no border??

      Left border is always rendered on IE6, IE7 Firefox. To be clear, its the table left border i.e first column left border that is showing up. The rest is ok.

      My environment is:

      Richfaces 3.3.1 - 3.3.2
      Seam 2.2.0

      Table declaration:

      <rich:dataTable value="#{secondStageStatReport.illnessGroups}" var="row" width="450px"
       columnClasses="col1, col2, col3, col4" footerClass="col1, col2, col3, col4"
       rowClasses="row1, row2" title="#{msg['secondstagereport.title3']}">
       <rich:column>
       <f:facet name="header" >
       <h:outputText value="#{msg['secondstagereport.group']}"
       title="#{msg['secondstagereport.group']}"/>
       </f:facet>
       <h:outputText value="#{row.groupName}"/>
       <f:facet name="footer" >
       <h:outputText value="" />
       </f:facet>
       </rich:column>
       <rich:column>
       <f:facet name="header" >
       <h:outputText value="#{msg['secondstagereport.groupLabel']}"
       title="#{msg['secondstagereport.groupLabel']}"/>
       </f:facet>
       <h:outputText value="#{row.groupLabel}"/>
       <f:facet name="footer" >
       <h:outputText value="#{msg['secondstagereport.totals']}" styleClass="label-bold"/>
       </f:facet>
       </rich:column>
       <rich:column>
       <f:facet name="header" >
       <h:outputText value="#{msg['secondstagereport.qty']}"
       title="#{msg['secondstagereport.qty']}"/>
       </f:facet>
       <h:outputText value="#{row.count}">
       <f:convertNumber groupingUsed="true"/>
       </h:outputText>
       <f:facet name="footer" >
       <h:outputText value="#{secondStageStatReport.illnessTotal}" styleClass="label-bold" >
       <f:convertNumber groupingUsed="true"/>
       </h:outputText>
       </f:facet>
       </rich:column>
       <rich:column>
       <f:facet name="header" >
       <h:outputText value="#{msg['secondstagereport.percent']}"
       title="#{msg['secondstagereport.percent']}"/>
       </f:facet>
       <h:outputText value="#{row.percent}">
       <f:convertNumber groupingUsed="true" maxFractionDigits="1" minFractionDigits="1"/>
       </h:outputText>
       <f:facet name="footer" >
       <h:outputText value="#{secondStageStatReport.illnessTotalPercent}" styleClass="label-bold" >
       <f:convertNumber groupingUsed="true" maxFractionDigits="1" minFractionDigits="1"/>
       </h:outputText>
       </f:facet>
       </rich:column>
       </rich:dataTable>
      


      Column styles declaration

      <style>
       .col1 {
       border: none;
       width: 240px;
       }
       .col2 {
       border: none;
       width: 100px;
       }
       .col3 {
       border: none;
       width: 70px;
       text-align: right;
       }
       .col4 {
       border: none;
       width: 40px;
       text-align: right;
       }
       </style>
      
      


      Thanks in advance for any help.

      AG