Удалите все границы с помощью определенного типа данных

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 !important; 
    display: none; 
} 

для DataTable заголовка:

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