Attempting to sort this table by row_number, but it is not working.
Any help would be appreciated.
The custom controller already combines 2 unrelated objects, so cannot use a wrapper to sort.



<apex:page StandardController="Apttus_Proposal__Proposal__c" extensions="AMSRDControllerExtensionSFDC"  sidebar="False" showHeader="false" pageStyle="width:1100px;">
   
    
     <apex:includeScript value="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" />
  <apex:includeScript value="//cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.17.8/js/jquery.tablesorter.min.js" />
  <apex:stylesheet value="//cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.17.8/css/theme.blue.css" />

  <table id="RenewalData">
  <thead>
          <tr>
            <th>Row Number</th>
            <th>Quantity</th>
            <th>Product Code</th>
            <th>Product Description</th>
          
          </tr>
          <tr/>
          </thead>
       
         
          <apex:repeat value="{!finalList}" var="obj"> 
           <tbody>
                   <tr>
            <td>{!obj.row_number}</td>
            <td>{!obj.Quantity}</td> 
            <td>{!obj.product_code}</td>
            <td>{!obj.product_description}</td>
          </tr>
          </tbody>
          </apex:repeat>
    </table>   
  <script>
    $(document).ready(function() 
    { 
        $("[id$='RenewalData']").tablesorter(); 
    });   
  </script>
</apex:page>