JSF rich：datatable列在多行中显示很长的文本

Question

我在jsf .xhtml页面中有一个richdatatable。 对于特定的单元格，我有很长的文字。 如何设置列的宽度以及如何在指定的单元格中显示文本。 我是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>

Answer 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）。