On a JSF .xhtml page, I am using a richdatatable and have encountered an issue with displaying long text in a particular cell. How can I set the width of the column to ensure that the text wraps around and displays properly within the specified cell? As someone who is new to JSF and CSS, I'm unsure of where to make adjustments in the code. Here's an example scenario: if I have two columns in a richdatatable and one of them contains very long text, how do I ensure that the text is displayed in multiple lines (wraps text) rather than on a single line?
<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>
</form>
</ui:define>
</ui:composition>