JSF rich:datatable列多行显示很长的文本答案

【问题标题】：JSF rich:datatable column display very long text in multiple linesJSF rich:datatable列多行显示很长的文本
【发布时间】：2015-02-19 23:16:20
【问题描述】：

我在 jsf .xhtml 页面中有一个丰富的数据表。我有一个特定单元格的很长的文本。如何设置列的宽度并在指定的单元格中显示文本。我是 JSF 和 CSS 的新手。我提供一个例子。假设我在richdatatable 中有两列，其中一列有很长的文本。我希望很长的文本以行（换行）而不是单行显示。我不确定在哪里、如何以及在 CSS 中放置什么

<ui:composition template="/template.xhtml">
    <ui:define name="title">
        <h:outputText value="#{bundle.ViewFileTitle}"></h:outputText>
    </ui:define>
    <ui:define name="body">
    <h:form>
            <rich:dataTable value="#{fileController.feedbackFileItems}" var="item" id="table">
                    <rich:column>
                       <f:facet name="header">
                            <h:outputText value="#{bundle.ListFeedbackTitle_feedbackPK_feedbackId}"/>
                        </f:facet>
                        <h:outputText value="#{item.feedbackPK.feedbackId}"/>
                    </rich:column>
                    <rich:column>
                        <f:facet name="header">
                            <h:outputText value="#{bundle.ListFeedbackTitle_department}"/>
                        </f:facet>
                        <h:outputText value="#{item.department}"/>
                    </rich:column>
            </rich:dataTable>
            </h:form>
    </ui:define>
</ui:composition>

【问题讨论】：

您能否尝试用相关示例进行演示 - MCVE？
抱歉没有提供正确的信息。

标签： css jsf jsf-2 richfaces richdatatable

【解决方案1】：

对于多行显示长文本，您可以使用rich:column的width属性：

<rich:column width="150" ...>

或h:column 相同：

<h:column width="110">

如果您不想在多行中显示数据表格单元格的文本，那么
1）您可以使用rich:dataTable 的columnClasses 属性并为该列指定无换行样式。例如组合

<rich:dataTable columnClasses="nowrap,">

使用 CSS

.nowrap {
    white-space: nowrap;
}

将生成第一列未包装的表格。

2) 您可以使用rich:column 的style 或styleClass 属性来获得相同的结果（使用相同的CSS）。

【讨论】：