title: Unable to sort in rich:scrollabledatatable
body: <p>I am trying to create a table out of <strong>rich:scrollableDataTable</strong>. I am able to see data on the table by i am not able to sort it from the browser. Neither i am receiving any error. Can anyone please suggest me what am i missing?? I am new in DataTables.</p>
  
  <p>The facelet's code and beans code is as follows:</p>
  
  <ul>
  <li>JSF 1.2</li>
  <li><p>RichFaces 3.3.GA</p>
  
  <pre><code>&lt;rich:scrollableDataTable  width="1000px" id="slowJobPerTable"
                         value="#{bean.model}"
                         sortOrder="#{bean.order}"
                         selection="#{bean.selection}"
                         var="jobList"                               
                         sortMode="multiple"
                         style="border:0px solid black;"&gt;
  
  &lt;rich:column  width="130px" id="slowJobDate" style="padding:0px;"&gt;
      &lt;f:facet name="header" class="data-table-header3" parent="slowJobDate"&gt;
          &lt;h:outputText value="Date" style="color:black;"/&gt;
      &lt;/f:facet&gt;
      &lt;h:outputText value="#{jobList.startRunDate}" style="align:center;"/&gt;
  &lt;/rich:column&gt;
  
  &lt;rich:column  width="350px" style="padding:0px;" id="slowJobDesc" &gt;
      &lt;f:facet name="header" class="data-table-header3" parent="slowJobDesc"&gt;
          &lt;h:outputText value="Job Description" style="align:center;color:black;" /&gt;
      &lt;/f:facet&gt;
      &lt;h:outputText value="#{jobList.jobDescription}"/&gt;
  &lt;/rich:column&gt;
  
  &lt;rich:column width="130px" style="padding:0px;" id="slowJobType" &gt;
      &lt;f:facet name="header" class="data-table-header3" parent="slowJobType"&gt;
          &lt;h:outputText  value="Job Type" style="align:center;color:black;" /&gt;
      &lt;/f:facet&gt;
      &lt;h:outputText value="#{jobList.jobType}"/&gt;
  &lt;/rich:column&gt;
  
  &lt;rich:column styleClass="right-align" width="130px" style="padding:0px;" id="slowJobDuration" &gt;
      &lt;f:facet name="header" class="data-table-header3" parent="slowJobDuration"&gt;
          &lt;h:outputText value="Duration" style="align:center;color:black;" /&gt;
      &lt;/f:facet&gt;
      &lt;h:outputText value="#{jobList.timeTaken}"/&gt;
  &lt;/rich:column&gt;
  
  &lt;rich:column styleClass="right-align" width="130px" style="padding:0px;" id="slowJobRecords" &gt;
      &lt;f:facet name="header" class="data-table-header3" parent="slowJobRecords"&gt;
          &lt;h:outputText value="Records" style="align:center;color:black;" /&gt; 
      &lt;/f:facet&gt;
      &lt;h:outputText value="#{jobList.records}"/&gt;
  &lt;/rich:column&gt;
  
  &lt;rich:column styleClass="right-align" width="130px" style="padding:0px;" id="slowJobRate"&gt;
      &lt;f:facet name="header" class="data-table-header3" parent="slowJobRate"&gt;
          &lt;h:outputText value="Rate" style="align:center;color:black;" /&gt; 
      &lt;/f:facet&gt;
      &lt;h:outputText value="#{jobList.rate}"/&gt;
  &lt;/rich:column&gt;
  </code></pre>
  
  <p></p></li>
  </ul>
  
  <p>My Bean Class is as follows:</p>
  
  <pre><code>@Controller("bean")
  public class BatchThroughputBean implements Serializable {
  
  private SortOrder order = new SortOrder();
  private SimpleSelection selection = new SimpleSelection();
  
  public BatchThroughputBean() {
          SortField[] fields = {
              new SortField("startRunDate", false),
              new SortField("jobDescription", false),
              new SortField("jobType", true),
              new SortField("timeTaken", false),
              new SortField("records", false),
              new SortField("rate", false)
          };
          order.setFields(fields);
      }
  
      public SortOrder getOrder() {
      return order;
      }
  
      public void setOrder(SortOrder order) {
          this.order = order;
      }
  
      public SimpleSelection getSelection() {
          return selection;
      }
  
      public void setSelection(SimpleSelection selection) {
          this.selection = selection;
      }
  }
  </code></pre>