Primefacesのデータベースですべて選択チェックボックスを削除する

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を追加：データテーブルのヘッダは、ID cars_headを持って、あなたはCSS .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default経由select all checkboxを無効にすることができるようにはDataTableのすべてのチェックボックスのチェックボックスのスタイルです。

あなたは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; 
} 

0123あなたに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> 

あなたの心を変更し、あなたがのSelectAllチェックボックスを表示させたい場合は、あなたが

<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

に

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

を変更する必要があります。これは非常にうまく機能：

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

を

Answer 5

これは私のために働く{：なし重要！ディスプレイ;}しかし、これはすべてのすべてのテーブルに適用されたn Primefaces 6.0

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