title: JSF rich:datatable column display very long text in multiple lines
body: <p>I have a richdatatable in jsf .xhtml page  . I have a very long text for a particular cell.
  How can i set the width of the column and also display the text within the specified cell.
  I am new to JSF and CSS. I am providing an example. Suppose I have two columns in a richdatatable and one of them have a very long text. I want that very long text to get displayed in lines(wrap text) rather than in a single line.  I m not sure where, how and what to put as part of CSS</p>
  
  <pre><code>&lt;ui:composition template="/template.xhtml"&gt;
      &lt;ui:define name="title"&gt;
          &lt;h:outputText value="#{bundle.ViewFileTitle}"&gt;&lt;/h:outputText&gt;
      &lt;/ui:define&gt;
      &lt;ui:define name="body"&gt;
      &lt;h:form&gt;
              &lt;rich:dataTable value="#{fileController.feedbackFileItems}" var="item" id="table"&gt;
                      &lt;rich:column&gt;
                         &lt;f:facet name="header"&gt;
                              &lt;h:outputText value="#{bundle.ListFeedbackTitle_feedbackPK_feedbackId}"/&gt;
                          &lt;/f:facet&gt;
                          &lt;h:outputText value="#{item.feedbackPK.feedbackId}"/&gt;
                      &lt;/rich:column&gt;
                      &lt;rich:column&gt;
                          &lt;f:facet name="header"&gt;
                              &lt;h:outputText value="#{bundle.ListFeedbackTitle_department}"/&gt;
                          &lt;/f:facet&gt;
                          &lt;h:outputText value="#{item.department}"/&gt;
                      &lt;/rich:column&gt;
              &lt;/rich:dataTable&gt;
              &lt;/h:form&gt;
      &lt;/ui:define&gt;
  &lt;/ui:composition&gt;
  </code></pre>