CSS/Primefaces：隐藏数据表标题答案

【问题标题】：CSS/Primefaces: Hide datatable headerCSS/Primefaces：隐藏数据表标题
【发布时间】：2016-09-08 08:03:47
【问题描述】：

如何在 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>

结果：

【问题讨论】：

显示生成的html并使用html和css作为标签。这就是问题所在，而不是 jsf（或数据表）

标签： jsf primefaces datatable

【解决方案1】：

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

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

确认它可以在我的网络应用中运行。

【讨论】：

如果用这种方法还是不行，试试display: none !important
感谢 Apostolos，我尝试过这种风格...隐藏标题并使列宽与图片不同...但是我用于数据表的 css 函数隐藏标题、边界线和转动背景要透明..如何结合这种风格？并且不更改宽度列。
不明白你到底想要达到什么目的。使标题背景透明还是隐藏？

【解决方案2】：

下面的 CSS 对 primefaces 数据表运行良好。 hide-column-names 是用户定义的 CSS 类名。

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

}

【讨论】：