隐藏primefaces表列标题

Question

我有ap:treeTable,树内容都在一列中.树是一个共享组件,因此我的一些页面需要列标题,而有些则不需要.在columnHeader为空的页面中,它会为列标题创建一个空行,这是我不想要的.我确实想要列内容,而不是没有列标题时的标题.

我怎样才能解决这个问题？任何指针/想法都会很棒.谢谢!

Answer 1

您可以通过将thead display属性设置为none来解决使用自定义CSS的问题:

例:

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