在客户端的富数据表中隐藏/显示列

Question

我有一个Rich：Datatable有10+列。我想根据用户操作隐藏/显示一些列。但是想要客户端。我知道我们可以将操作带到服务器并重新渲染数据表。但是想在客户端做到这一点。

使用Richfaces 4.5。

<rich:dataTable binding="#{tblBind}" id="tblBindId" value="#{exampleController.tableValues}" var="tableVal">

<rich:column>
 <f:facet name="header">
 <h:outputText value="Field 1" />
 </f:facet>
  <h:outputText id="fieldOneId" value="#{tableVal.fieldOne}" style="width:135px;color:black;">
<f:attribute name="rowid" value="#{tblBind.rowIndex}" />
 </h:outputText>
</rich:column>

<rich:column>
 <f:facet name="header">
 <h:outputText value="Field 2" />
 </f:facet>
  <h:outputText id="fieldTwoId" value="#{tableVal.fieldTwo}" style="width:135px;color:black;">
<f:attribute name="rowid" value="#{tblBind.rowIndex}" />
 </h:outputText>
</rich:column>
</rich:dataTable>
</fieldset>

任何帮助将不胜感激。