删除Primefaces数据表中的全选复选框

Question

有没有办法删除p:datatable标题上的全选复选框.

我需要单个行上的复选框,但不需要在标题上.

Answer 1

这非常有效:

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

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

例如：

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

Primefaces 在数据表的标题中添加默认后缀_head，例如：数据表的标题将具有 id cars_head，因此您可以select all checkbox通过 css 禁用.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default数据表中所有复选框的复选框样式。

如果您使用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>