I have a datatable (image below)

-datatable.jpg

and I'd like to sort one of the columns, but I don't know how.

code looks like this:

Code:
    <w2:form id="worktrayform">
    <div class="proctab">
        <w2:dataScroller id="scroll_1"
                     for="data"
                     fastStep="10"
                     pageCountVar="pageCount"
                     pageIndexVar="pageIndex"
                     styleClass="scroller"
                     paginator="true"
                     paginatorMaxPages="10"
                     paginatorTableClass="paginator"
                     paginatorActiveColumnStyle="font-weight:bold;"
                     immediate="true"
                     rendered="#{!empty @managed-bean-name.groupTrays['10']}"
             >
                    <f:facet name="first" >
                         <t:graphicImage url="/images/Navigation/ardbk.png"/>
                    </f:facet>
                    <f:facet name="last">
                        <t:graphicImage url="/images/Navigation/ardfwd.png"/>
                    </f:facet>
                    <f:facet name="previous">
                        <t:graphicImage url="/images/Navigation/arbk.png"/>
                    </f:facet>
                    <f:facet name="next">
                        <t:graphicImage url="/images/Navigation/arfwd.png"/>
                    </f:facet>
        </w2:dataScroller>
        <t:dataTable id="data"
                    styleClass="scrollerTable"
                    footerClass="standardTable_Header"
                    rowClasses="evenrows,oddrows"
                    columnClasses="col"
                    headerClass="header"
                    var="group"
                    rows="10"
                    value="#{@managed-bean-name.groupTrays}"
                    preserveDataModel="true"
                    renderedIfEmpty="false"
                >
             <h:column>
                <f:facet name="header">
                    <h:outputText value="Group" />
                </f:facet>
                <h:outputLink value="grouptray.page?GroupId=#{group.groupID}&GroupName=#{group.groupName}">
                    <h:outputText value="#{group.groupName}" />
                </h:outputLink>
            </h:column>

            <h:column>
               <f:facet name="header">
                   <h:outputText value="Category" />
               </f:facet>
               <h:outputText value="#{group.category}" />
           </h:column>

            <h:column>
               <f:facet name="header">
                   <h:outputText value="Task Count" />
               </f:facet>
               <h:outputText value="#{group.rowCount}" />
           </h:column>

        </t:dataTable>

        <t:commandButton styleClass="standardbutton" action="cancel" value="Cancel"/>
        
    </div>
    </w2:form>
I'd like to sort the 'Task Count' column.

should something like this work:
Code:
<t:commandSortHeader columnName="Task Count" arrow="true" immediate="false"> 
					<h:outputText value="Task Count" /> 
				</t:commandSortHeader>
thanks for looking.