如何在p：panelGrid中将规则设置为none？

Question

与<h:panelGrid>不同，<p:panelGrid>没有像rules这样的选项。默认情况下，所有规则都显示在<p:panelGrid>中的单元格之间。例如，

<p:panelGrid style="table-layout: fixed; width: 100%; word-wrap: break-word;">
    <f:facet name="header">
        <p:row>
            <p:column colspan="3">
                <h:outputText value="Header"/>
            </p:column>
        </p:row>
    </f:facet>

    <p:row>
        <p:column>1</p:column>
        <p:column>2</p:column>
        <p:column>3</p:column>
    </p:row>

    <p:row>
        <p:column>1</p:column>
        <p:column>2</p:column>
        <p:column>3</p:column>
    </p:row>

</p:panelGrid>

将显示如下的网格布局。

如何删除像HTML表<table rules="none">之类的单元格之间的这些行（水平和垂直）？

Answer 1

您可以使用以下CSS

.ui-panelgrid tr,.ui-panelgrid .ui-panelgrid-cell {
   border: none;       
}