使用 CSS 隐藏 <p:column>

Question

我正在使用 primefaces 的数据表，其中不应显示特定的列。我知道有 rendered 属性，但这根本不会加载 DOM 中的列。我需要将列加载到页面上，但从用户的视图中隐藏。我还尝试使用与列的 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

您可以将填充和宽度设置为零，但隐藏列之间可以看到粗边框线。

<p:column style="padding:0;width:0px;">
...
</p:column>

Answer 2

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

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

应用如下样式：

.hidden{
    display: none;
}

Hide <p:column> using CSS