6

私は Primefaces で苦労しており、SO は問題に対する答えを見つけるための究極の場所です。

私はp:dataTable多くの列を持っているので、それぞれの列の幅は短くする必要があります。ヘッダーの場合は問題ないように見えますが、データ列の場合は 2 行以上に分割されるので、私は好みません。

データテーブルの内容を示すために、最初の列の幅を大きくしました。ヘッダー テキストは問題なく、1 行に保たれます。しかし、データ列は私にとって悪いです。私は彼らがそれを一行に保つことを好みます。改行したくない。楕円が望ましいですが、必須ではありません。

<p:dataTable id="searchResultTable" var="searchData" value="#{registerBean.searchDataList}"
        scrollHeight="200"
        rowIndexVar="rowIndex"
        rowKey="#{searchData.model}"
        selectionMode="single"
        selection="#{registerBean.selectedSearchData}"
        paginator="true" rows="10"
        paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
        rowsPerPageTemplate="5,10,20" resizableColumns="true">
        <p:ajax event="rowSelect" listener="#{registerBean.onSelectedSearchData}"/>
    <p:column headerText="#{registerBean.getSearchResultHeaderText(0)}"
              width="30" style="height: 10px; font-size: 8pt;">
        <h:outputText value="#{registerBean.getSearchResultText(rowIndex,0)}" />
    </p:column>
    <p:column headerText="#{registerBean.getSearchResultHeaderText(1)}"
              width="30" style="10px; height: 10px; font-size: 8pt;">
        <h:outputText value="#{registerBean.getSearchResultText(rowIndex,1)}" />
    </p:column>
    <p:column headerText="#{registerBean.getSearchResultHeaderText(2)}"
              width="30" style="10px; height: 10px; font-size: 8pt;">
        <h:outputText value="#{registerBean.getSearchResultText(rowIndex,2)}" />
    </p:column>

h:outputText各列に使用しました。h:outputTextPrimefaces で使用できるコンポーネントはすべて問題ありません。

前もって感謝します。

4

1 に答える 1

7

解決策を見つけることができました。以下に示すCSSを追加すると、<p:column/>うまくいきました。省略記号は機能していませんが、改行や行の高さの拡張はありません。

<style type="text/css">
.singleLine
{
    text-wrap:none;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
</style>

そして、次のようにします：

<p:column headerText="Something"
    width="100" styleClass="singleLine" style="height: 10px; font-size: 8pt;">
    <h:outputText value="#{something.value}" />
</p:column>

この地球上の少数の人々に役立つことを願っています。

于 2012-08-31T03:02:50.497 に答える