Quitar bordes con poseidon
Tenemos un datagrid con bordes

deseamos quitarle los bordes

Agregamos
styleClass="ui-panelgrid-blank " style="border:0px none; background-color:transparent;"Paso 1:
Cambiar
<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
<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>Last updated
Was this helpful?