jQuery Forum

Hi,

Hi,

I have the following code snippet to do array sort, it is working but I would like to make it a function that can take an array and a sort field as parameters and return the sorted array.

1. <script type="text/javascript">
       var listitems = new Array();
          
       listitems.push({id:1, firstName:'John', lastName : 'Doe'});
       listitems.push({id:2, firstName:'Jane', lastName :'Doe'});
       listitems.push({id:3, firstName:'Joe', lastName :'Smith'});
       listitems.push({id:4, firstName:'Ann', lastName :'Smith'});
       listitems.push({id:5, firstName:'Mike', lastName :'Smith'});
   
       listitems.sort(function(a, b) {
          return a.firstName.toUpperCase().localeCompare(b.firstName.toUpperCase());
       })           
   </script>     
   

Hi,

Hi,

I need to implement table sorting, my markup is similar to this:

1. <table>
       <tr><td>Company</td><td>Order</td><td>Date</td><td>Item</td><td>Qty</td><td>Price</td><td>Sum</td></tr>
       <tr><td>A-1</td><td>1001</td><td>1/1/2012</td><td>Item-1</td><td class="rcol">2</td><td class="rcol">35</td><td class="rcol">70</td></tr>
       <tr><td>A-1</td><td>1003</td><td>2/1/2012</td><td>Item-3</td><td class="rcol">4</td><td class="rcol">25</td><td class="rcol">100</td></tr>
       <tr><td>A-1</td><td>1002</td><td>3/1/2012</td><td>Item-2</td><td class="rcol">3</td><td class="rcol">40</td><td class="rcol">120</td></tr>
       <tr><td colspan="4" class="rcol">Total for A-1</td><td class="rcol">9</td><td></td><td class="rcol">290</td></tr>   
   </table>   
   

I want to make columns 2 to 7 sortable. You might wonder why not just use existing plug-ins? The reason is the totals in the last row are calculated using  server side algorithm, I don't have the same algorithm on client side. But if you know any plug-in can preserve the footer not being affected, I will happy yo use it too.

Thanks