# Quitar bordes con poseidon

Tenemos un datagrid con bordes

![](https://2578941663-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lc1Wg6ze2c8GK7mFBZX%2F-Lc1WjGeqF4Ig-44ZLgX%2F-Lc1X87G3ymkIaaYagPv%2F8feb8ef8-9ada-4007-806b-e97d13baa5b4.png?generation=1554820666576184\&alt=media)

deseamos quitarle los bordes

![](https://2578941663-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lc1Wg6ze2c8GK7mFBZX%2F-Lc1WjGeqF4Ig-44ZLgX%2F-Lc1X87IUvBDpk93mWHK%2F93ba710a-1985-423f-a97b-aee0cdf11873.png?generation=1554820666478322\&alt=media)

Agregamos

```
styleClass="ui-panelgrid-blank " style="border:0px none; background-color:transparent;"
```

**Paso 1:**

Cambiar

```java
<p:dataGrid var="car" value="#{dataGridView.cars}" columns="3" layout="grid"
rows="6" paginator="true" id="cars"
paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
rowsPerPageTemplate="3,6,9,12,16">
```

Por

```java
<p:dataGrid var="car" value="#{dataGridView.cars}" columns="3" layout="grid"
                                    rows="6" paginator="true" id="cars"
                                    styleClass="ui-panelgrid-blank " style="border:0px none; background-color:transparent;"
                                    paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                    rowsPerPageTemplate="3,6,9,12,16">
```

## Paso 2:

Cambiar

```
<p:panel header="#{car.brand}" style="text-align:center" >
```

Por

```
<p:panel header="#{car.brand}" styleClass="ui-panelgrid-blank " style="border:0px none; background-color:transparent;">
```

## Paso 3:

Cambiar

```
<h:panelGrid columns="1" style="width:100%">
```

Por

```
<h:panelGrid columns="1" columnClasses="ui-grid-col-1,ui-grid-col-1,ui-grid-col-1,ui-grid-col-1" styleClass="ui-panelgrid-blank " style="border:0px none; background-color:transparent;">
```

## Codigo completo

```
                        <p:dataGrid var="car" value="#{dataGridView.cars}" columns="3" layout="grid"
                                    rows="6" paginator="true" id="cars"
                                    styleClass="ui-panelgrid-blank " style="border:0px none; background-color:transparent;"
                                    paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                    rowsPerPageTemplate="3,6,9,12,16">

                            <f:facet name="header">
                                Cars For Sale
                            </f:facet>


                            <p:panel header="#{car.brand}"  styleClass="ui-panelgrid-blank " style="border:0px none; background-color:transparent;">




                                <h:panelGrid columns="1" columnClasses="ui-grid-col-1,ui-grid-col-1,ui-grid-col-1,ui-grid-col-1"  styleClass="ui-panelgrid-blank " style="border:0px none; background-color:transparent;">     

                                    <h:outputText value="#{car.color}" styleClass="Fs14 FontDosisMedium"/>

                                    <h:outputText value="#{car.year}" />

                                    <p:commandButton icon="ui-icon-search" styleClass="AquaButton" update=":form:selectedCarDetail" oncomplete="PF('carDialog').show()">
                                        <f:setPropertyActionListener value="#{car}" target="#{dataGridView.selectedCar}" />
                                    </p:commandButton>
                                </h:panelGrid>
                            </p:panel>

                        </p:dataGrid>
```
