CSS / Primefaces：隐藏数据表头

Question

如何从css

隐藏数据表头

Css：

<style>
.ui-datatable.borderless thead th, .ui-datatable.borderless tbody,
    .ui-datatable.borderless tbody tr, .ui-datatable.borderless tbody td {
    border-style: none;
    background: #eee !important;
}
</style>

XHTML：

<p:dataTable id="idData" value=""
styleClass="borderless" >

<p:column>
    //Component
</p:column>

<p:column>
    //Component
</p:column>
</p:dataTable>

结果：

Answer 1

如果要隐藏整个thead，请使用以下命令：

.ui-datatable.borderless thead {
  display: none;
}

确认它适用于我的网络应用。

Answer 2

以下CSS工作正常对于primefaces数据表。 hide-column-names是用户定义的CSS类名。

.hide-column-names table thead tr {
    display: none;
    background: transparent !important;

}