Primefaces DataTable列寬控件或替代解決方案？

Question

我正在使用primefaces數據表和我的代碼是這樣的

<p:dataTable id="dataTableBonusSplit" var="announcements"
    value="#{announcementBean.dataList}" scrollable="true" scrollHeight="550"
     paginator="true" rows="10"
    paginatorPosition="bottom"
    paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
    rowsPerPageTemplate="5,10,15" sortMode="multiple">


    <p:column headerText="Company"
        sortBy="#{announcementBean.cName}" style="width:110px;"
        styleClass="wrap" for="companyName">

        <h:outputText value="#{announcements.companyName}"></h:outputText>
    </p:column>

    <p:column headerText="Type" style="width:110px;"
        styleClass="wrap" sortBy="#{announcements.announcementType}">
        <h:outputText value="#{announcements.announcementType}"></h:outputText>
    </p:column>
    <p:column headerText="Date" style="width:110px;"
        styleClass="wrap" sortBy="#{announcements.announcementDt}">
        <h:outputText value="#{announcements.announcementDt}">
        <f:convertDateTime type="date" pattern="dd/MMM/yyyy" />
        </h:outputText>
    </p:column>
    <p:column headerText="Announcement" style="table-layout: fixed;white-space: normal;"
        sortBy="#{announcements.announcement}"  >
        <h:outputText value="#{announcements.announcement}"></h:outputText>
    </p:column>
</p:dataTable>

你可以看到圖像 如果您將表格放在桌子上，那么它看起來非常糟糕。

Answer 1

只需將fn:substring()與fn:length()結合使用：

<h:outputText value="#{fn:length(announcements.announcement) > 50 ? fn:substring(announcements.announcement,0,50) : announcements.announcement}"  />

如果字符數大於50，則會縮短輸出。