Hello.

If you could please look at this url:
http://www.asgari.no/test/datagrid.png

There you see I have a tab with label "Adresse" and a blue border, which is fine by me. But what bugs me, is the (to me) unecessary border of the datagrid.

I have tried to put border="0", and also style="border:0;" on the dataGrid, but only removed some of the border and made things look rather ugly.

How can I remove this grey border?

This is the partial code:

<rich:tabPanel id="bevillingTab">
 <rich:tab label="#{SearchSkjenkeBevillingManager.organisation">

 <rich:tabPanel id="adresseTab">
 <rich:tab label="Adresse">
 <h:form>
 <rich:dataGrid value="#{searchSkjenkeBevillingManager.listOAADataModel}" var="oaa" columns="3">
 <rich:panel style="width:300px;">
 <f:facet name="header"><h:outputText value="#{oaa.adressetype.navn}   |   #{oaa.adressetype.beskrivelse}"/></f:facet>

 <h:panelGrid columns="2">
 <h:outputText value="Adresse:" styleClass="label"/><h:outputText value="#{oaa.adresse.adressefelt1}" />
 <h:outputText value="" styleClass="label"/><h:outputText value="#{oaa.adresse.adressefelt2}" />
 <h:outputText value="GÃ¥rdsnummer:" styleClass="label"/><h:outputText value="#{oaa.adresse.gaardsnummer}" />
 <h:outputText value="Bruksnummer:" styleClass="label"/><h:outputText value="#{oaa.adresse.bruksnummer}" />
 <h:outputText value="Postnummer:" styleClass="label"/><h:outputText value="#{oaa.adresse.poststed.postnummer}" />
 <h:outputText value="Poststed:" styleClass="label"/><h:outputText value="#{oaa.adresse.poststed.navn}" />
 </h:panelGrid>

 </rich:panel>
 </rich:dataGrid>
 </h:form>
 </rich:tab>
 </rich:tabPanel>

//MORE RICH TABS AND DATAGRID BELOW