隐藏primefaces表列标题(hide primefaces table column head

我有AP：treetable中，树的内容都在一列。该树是一个共享组件，因此我的一些网页需要列标题，有的没有。在其中的columnHeader是空的页面，它会创建一个空行的列标题，这是我不想要的。我确实想要列内容，只是没有标题的时候没有列标题。

我怎样才能解决这个问题？任何指针/想法将是巨大的。谢谢！

Answer 1:

你可以解决了与自定义CSS通过设置THEAD显示属性为none：

例：

div[id="testForm:first"] thead {
    display:none;
}

如果您的JSF与此类似：

<h:form id="testForm">
    <p:dataTable id="first">
        ...
    <p:/dataTable>
</h:form>

Answer 2:

如果你的<p:dataTable>使用列宽度这样

<p:dataTable styleClass="myTable">
   <p:column width="100">

并且您使用以下CSS来隐藏列标题

.myTable thead {
    display:none;
}

你也将失去你设置列宽

解决隐藏的列标题，并保持列宽

.myTable thead th { 
    border: none !important; 
    background: none !important; 
}

Answer 3:

更正式的解决方案：

标签：

<p:treeTable styleClass="tree-table-no-header">

样式：

.tree-table-no-header thead {
    display: none;
}

Answer 4:

你会发现你需要更具体与您的风格选择：

 div[id$="myTableId"]>div>table>thead { display:none; }

这也消除了需要引用您的表单ID。在“$”是与野生卡开始和“>”表示只选择直接的孩子。见http://www.w3schools.com/cssref/css_selectors.asp一个真正好的CSS选择参考。

Answer 5:

隐藏首部（同其它的答案）：

.hide-table-header thead {
    display: none;
}

...并指定列宽：

<p:dataTable styleClass="hide-table-header">
        <p:column style="width: 80px">

这些不会回流=“真正的”表工作。

对我来说，边界：无背景：无建议离开桌子上方的空白处，并隐藏了表的左侧边框为好。

Answer 6:

此代码添加到您的CSS3文件

** Remove the header from the dataTable**/
.ui-datatable.borderless thead {
  display: none;
}

/** Remove the border from the dataTable **/
.ui-datatable.borderless tbody,
.ui-datatable.borderless tbody tr,
.ui-datatable.borderless tbody td {
    border-style: none;
    }

然后调用来自这样的XHTML文件的代码：