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

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