11

アプリケーションにデータ テーブルがあります。1 つの列に重いデータが含まれているため、テーブルの幅が大きくなります。

その列のデータを 2 つ以上の行に分割したいと考えています。

その列の幅を設定してみましたが、データが分割されず、合計データが表示されません。

<p:column headerText="#{msgs['exception.label.exceptionMsg']}" width="200">
         <h:outputText value="#{exception.exceptionMsg}"/>
</p:column>

どうすればデータを分割できますか?

4

3 に答える 3

32

.ui-datatable tbody tdにはデフォルトのスタイルがあります。これはwhite-space: nowrap、長いテキストが折り返されないことを意味します。このスタイルをに戻すことでオーバーライドしますwhite-space: normal。

例えば

<p:column width="200" styleClass="wrap">

このCSSで

.ui-datatable tbody td.wrap {
    white-space: normal;
}

参照：

于 2013-02-15T13:17:35.443 に答える
1

BalusC による他の関連する質問への回答を確認した後、次の解決策を使用しました。

私はCSSでこれを使用します：

.ui-datatable tbody td.wrap {
    white-space: normal;
    word-wrap: break-word;
}

そして、これは私のコラムで：

<p:column style="text-align: left" width="38" styleClass="wrap">

これは、スペースを含むデータとスペースを含まないデータの両方を処理します。

于 2014-07-08T20:15:08.097 に答える
1

これが私の解決策です。とても簡単です。

<p:column style="white-space : normal ; width: 315px">
    <h:outputText value="T h i s   i s  a  v e r y  L a r g e   T e x t">
    </h:outputText>      
</p:column>
于 2014-05-06T23:36:48.460 に答える