Table left border allways visible even if all columns have n

[agurisatti]

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

[ilya_shaikovsky]

just styleClass of the table should be used.

in general use Firebug to see which classes should be redefined.