删除特定数据表上的所有边框

Question

我需要使用PrimeFaces隐藏一个数据表的所有边界，而不是全部。我尝试了很多东西，没有人工作过。有谁知道怎么做？

我已将以下样式（单独）应用于ui-datatable类：

border: hidden !important;    
border-style: none !important;

另外一件事......

Answer 1

假设PrimeFaces 3.5数据表标记如下，

<p:dataTable ... styleClass="borderless">

然后这种风格应该：

.ui-datatable.borderless thead th,
.ui-datatable.borderless tbody,
.ui-datatable.borderless tbody tr,
.ui-datatable.borderless tbody td {
    border-style: none;
}

Answer 2

使用JSF 2，PrimeFaces 3.5

<p:dataTable ... styleClass="borderless">

的CSS：

.borderless .ui-datatable thead th,
.borderless .ui-datatable tbody,
.borderless .ui-datatable tbody tr,
.borderless .ui-datatable tbody td {
    border: none;
    display: none;
}

用于数据表头：

.borderless .ui-state-default,
.borderless .ui-widget-content .ui-state-default,
.borderless .ui-widget-header .ui-state-default {
    border: none;
}