如何在 p:panelGrid 中将规则设置为无？

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;       
}