2017-03-29 7 views
0

にデータテーブル行の高さを減少させるために、私は次の構文を使用して、カラムの高さを減少させる試み:どのprimefaces

<p:column style="height:10px;"> 

とデータテーブルの行の高さが減少しないであろう。私はより大きなサイズを設定した場合にのみ増加します。

デフォルト/既存の高さよりも高さを小さくする方法はありますか?

これは私が使用していることを、正確なコードです:

<c:forEach var="column" items="#{dispoFillingPage.columnListAuftrag}"> 
        <c:choose> 
         <c:when test="${column.dateColumn}"> 
          <p:column id="#{column.id}" filterStyleClass="#{column.filterStyleClass}" headerText="#{column.title}" visible="#{column.visible}" 
           width="#{column.width}" filterBy="#{data[column.property]}" sortBy="#{data[column.property]}" field="#{column.property}" 
           filterFunction="#{standortPage.filterByDate}" filterMatchMode="contains" style="height:10px"> 
           <f:attribute name="rtcCol" value="#{column}" /> 
           <h:outputText value="#{data[column.property]}"> 
            <f:convertDateTime type="date" pattern="yyyy-MM-dd" /> 
           </h:outputText> 
          </p:column> 
         </c:when> 
         <c:otherwise> 
          <p:column id="#{column.id}" filterStyleClass="#{column.filterStyleClass}" headerText="#{column.title}" field="#{column.property}" 
           visible="#{column.visible}" width="#{column.width}" filterBy="#{data[column.property]}" sortBy="#{data[column.property]}" 
           filterMatchMode="contains" style="height:10px;"> 
           <f:attribute name="rtcCol" value="#{column}" /> 
           <h:outputText value="#{data[column.property]}" /> 
          </p:column> 
         </c:otherwise> 
        </c:choose> 
       </c:forEach> 

を私は20行ごとに2つのDataTableを持っていると私は彼らが画面内に収まるようにするために持っているので、私は、これをしなければならないので、それらがユーザに完全に見えるようにする。

答えて

0

また、行の高さを減らすために、データテーブルのフォントスタイルを小さくする必要がありました。

<p:datatable style="font-size:8px"> 

しかし、この方法では、データテーブル全体を減らします。

+1

次に、より基本的なCSSを学びます...クラスを適用し、データテーブルの 'データ'本体の中の「」でしか動作しないセレクタを作成してください.... – Kukeltje

+0

ありがとう@Kukeltje! – uzzi