css - 特定のデータテーブルのすべての境界線を削除します

Question

PrimeFaces を使用して、すべてではなく、1 つのデータ テーブルのすべての境界線を非表示にする必要があります。私は多くのことを試しましたが、誰もうまくいきませんでした。誰もそれを行う方法を知っていますか?

ui-datatableクラスに次のスタイルを (個別に) 適用しました。

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

そして別のこと...

Answer 1

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