隐藏<p:panelGrid>原始面的边框，不影响内部数据表

Question

在primefaces 4.0中如何隐藏p:panelGrid的网格线(边框)而不影响内部数据表的边框

当前正在使用此CSS：

.ui-panelgrid td, .ui-panelgrid tr{
   border-style: none !important
}

这会同时影响数据表和面板网格。但我只希望隐藏嵌板网格线。

在我的例子中，数据表嵌套在面板网格中。

谢谢。

Answer 1

我知道我来晚了，但我刚刚遇到了同样的问题，并通过使用h:panelgrid (标准jsf库)而不是primefaces元素解决了这个问题。这就有了边框属性。

<h:panelGrid border= "0">
 [inner Table - not affected]
</h:panelGrid>

Answer 2

.ui-panelgrid tr, .ui-panelgrid td{
  border:none !important;
}

.ui-datatable .ui-datatable-data tr,.ui-datatable .ui-datatable-data-empty tr,.ui-datatable .ui-datatable-data td,.ui-datatable .ui-datatable-data-empty td{
  border:1px solid !important;
}

Answer 3

从5.3版(或更早版本)开始

空白模式:要删除边框，请使用styleClass属性向组件添加ui-noborder样式类，要删除边框和背景色，请应用ui-panelgrid-blank样式。