css - 隐藏 using CSS

Question

我正在使用 primefaces 的数据表，其中不应显示特定的列。我知道有 rendered 属性，但这根本不会加载 DOM 中的列。我需要将列加载到页面上，但从用户的 View 中隐藏。我还尝试使用与列的 id 关联的样式:

<style>
    #hidden {
      visibility: hidden;
    } 
</style>

<p:dataTable>
   <p:column id="hidden">
     ...
   </p:column>
</p:dataTable>

虽然它仅适用于 html 标签，但不适用于 PrimeFaces 的 column。我该怎么做，我看不到更多解决方案。

---

编辑 1

我将 style 属性放在列标签中:

<p:column  headerText="COLUMN" rendered="true" style="visibility: hidden;">

所有列的内容已被删除，但行和列的黑线仍然显示。所以在其他人之间有一个无用的白色列。快到了……

Answer 1

始终使用 "styleClass" 属性在 jsf 中应用样式。

<p:column  headerText="COLUMN" rendered="true" styleClass="hidden">

应用如下样式:

.hidden{
    display: none;
}