Quitar bordes con poseidon
Tenemos un datagrid con bordes

deseamos quitarle los bordes

Agregamos
Paso 1:
Cambiar
Por
Paso 2:
Cambiar
Por
Paso 3:
Cambiar
Por
Codigo completo
Last updated
Was this helpful?
Tenemos un datagrid con bordes

deseamos quitarle los bordes

Agregamos
Paso 1:
Cambiar
Por
Cambiar
Por
Cambiar
Por
Last updated
Was this helpful?
Was this helpful?
styleClass="ui-panelgrid-blank " style="border:0px none; background-color:transparent;"<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"><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"><p:panel header="#{car.brand}" style="text-align:center" ><p:panel header="#{car.brand}" styleClass="ui-panelgrid-blank " style="border:0px none; background-color:transparent;"><h:panelGrid columns="1" style="width:100%"><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;"> <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>