How do I get the edge of a datagrid from the primefaces ???
The part of the code that uses the datagrid follows:
<p:dataGrid columns="3" value="#{projetistaBean.listaDeProjetistas}" var="projetista" styleClass="ui-datagrid" >
and the part of the code that I customized the datagrid:
.ui-datagrid{
border: none;
}
and nothing out of border
Try removing the border from ui-datagrid and ui-datagrid-content
<style>
.ui-datagrid{border: none !important;}
.ui-datagrid-content {border: none !important;}
</style>
Modifying the .ui-datagrid class you end up changing for everyone, but if you want to change only from a specific single, do so:
<style>
.noGridBorder tr, .noGridBorder td{border: none!important}
</style>
<p:panelGrid styleClass="noGridBorder">
</p:panelGrid>
Incredible that I never needed to do this, but 2 hours after seeing this question arose the need, :).
I solved the problem as follows:
<p:dataGrid ... styleClass="teste">
...
</p:dataGrid>
In the file with the styles:
.teste .ui-widget-content
{
border: none !important;
}
I hope it helps.