删除Primefaces中的select all复选框

Question

是否有办法删除p：datatable标题上的全选复选框。

我需要单个行上的复选框，但不是头上的复选框。

Answer 1

例如：

<h:form id="form"> 
    <p:dataTable id="cars" rowIndexVar="idx" ...> 
    <p:column selectionMode="multiple" style="width:2%" /> 
    </p:dataTable> 
</h:form> 

Primefaces默认后缀_head添加到DataTable的标题，例如：数据表的头球将有ID cars_head，这样你就可以通过CSS .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default禁用select all checkbox是在数据表中的所有复选框的复选框的风格。

如果使用JSF 2.0：

<style type="text/css"> 
     #form-cars_head .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default{ 
      display:none !important; 
     } 
    </style> 

你需要添加这个配置web.xml使用 ' - ' 中组件的id：

<context-param> 
     <param-name>javax.faces.SEPARATOR_CHAR</param-name> 
     <param-value>-</param-value> 
    </context-param> 

Answer 2

你可以做下面的是：

将下面的内容添加到您的default.css文件中：

.table-no-select-all .ui-chkbox-all { 
    display: none !important; 
} 

然后在您的facelet，指的是象下面这样：

<h:form id="form"> 
    <p:dataTable id="cars" rowIndexVar="idx" styleClass="table-no-select-all" ...> 
    <p:column selectionMode="multiple" style="width:2%" /> 
    </p:dataTable> 
</h:form> 

感谢。

Answer 3

我设法通过使用p：columnGroup来指定标题。

<p:dataTable id="selectByPotentialTable" var="replacementByPotential" 
    widgetVar="selectByPotentialTable" 
    value="#{kmSelectByPotentialBean.allReplacementPrintersViewModel}" 
    selection="#{kmSelectByPotentialBean.selectedByPotentialReplacement}"> 

     <p:columnGroup type="header"> 
      <p:row> 
       <p:column/> 
       <p:column headerText="Printer Model"/> 
      </p:row> 
     </p:columnGroup> 
     <p:column selectionMode="multiple" style="width:2%;text-align:center"/> 
     <p:column> 
      #{replacementByPotential.name} 
     </p:column> 

</p:dataTable> 

如果您改变了主意，你要显示的全选复选框，则需要更改

<p:columnGroup type="header"> 
     <p:row> 
     <p:column/> 
      <p:column headerText="Printer Model"/> 
     </p:row> 
</p:columnGroup> 

到

<p:columnGroup type="header"> 
     <p:row> 
      <p:column selectionMode="multiple" style="width:2%;text-align:center"/> 
      <p:column headerText="Printer Model"/> 
     </p:row> 
</p:columnGroup> 

Answer 4

这个作品非常好：

.ui-chkbox.ui-chkbox-all.ui-widget { 
    display:none !important; 
} 

Answer 5

这适用于我i ñPrimefaces 6.0

.ui-widget-header div.ui-chkbox.ui-widget { 
     display: none !important; 
    }