0

我在 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>
4

1 回答 1

1

要在多行中显示长文本，您可以使用以下width属性rich:column：

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

或相同h:column：

<h:column width="110">

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

<rich:dataTable columnClasses="nowrap,">

与 CSS

.nowrap {
    white-space: nowrap;
}

将作为具有未包装的第一列的表产生。

2）您可以使用style或styleClass属性rich:column相同的结果（具有相同的CSS）。

于 2014-12-23T18:41:32.910 回答