隐藏<p：panelgrid> primefaces的边框而不影响内部数据表</p：panelgrid>

Question

如何隐藏p：panelGrid的网格线（边框）而不影响primefaces 4.0中内部数据表的边框

目前使用此CSS：

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

会影响数据表和面板网格。但我只想隐藏面板网格线。

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

感谢。

Answer 1

我知道我迟到了，但我遇到了同样的问题并通过使用h：panelgrid（标准jsf-library）而不是primefaces元素来修复它。你有border属性。

<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（或更早版本）

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

Answer 4

您可以在CSS文件中使用此代码：

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