如何在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;       
}