How to strip table edges Primefaces?

Question

Greetings to all,

I’m new as a Java programmer, and I’m working on the Frond-End programming part of a JSF2 project, but I’m having a hard time getting the edges off a table as you see below;

Here are the code lines of the XHTML page;

<div class="left-sidebar">

    <p:panelGrid columns="2" id="painel1"
            style="width: 50%; margin-top: 20px" columnClasses="rotulo, campo">
            <p:outputLabel value="SKU" for="sku" />
            <p:inputText id="sku" size="20" maxlength="20" />

            <p:outputLabel value="Nome" for="nome" />
            <p:inputText id="nome" size="20" maxlength="20" />
        </p:panelGrid>

    </div>

How do I get these edges off?

Answer 1

Create a css class:

.semBorda tr, .semBorda td {  
   border: none !important;  
}

And add to your panelGrid.