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 클래스를 적용하기 위해 다음과 같은 CSS

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