The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Sortable Tables

View previous topic View next topic Go down

Sortable Tables

Post by kg3inOTT on April 23rd 2014, 9:24 pm

This may be simple enough but does anybody know how to make a simple table (like the one below) and add a sorting option. When finished I would like to be able to click on the top of the column and it would sort words inalphabeticalorder or numbers in highest to lowest numerical value.

So my two questions are

1. What is the Javascript code to which adds a sortable function to the table.
2. What do I have to add to the HTML script so the Javascript code works.

Thanks to anyone willing to help. I'm fairly new at this and just trying to learn!


Code:
<table style="width:300px">
   
   <tbody>
      
      <tr>
         
         <th>
             first
         </th>
         
         <th>
             second
         </th>
         
         <th>
             third
         </th>
         
      </tr>
      
      <tr>
         
      </tr>
      
      <tr>
         
         <td>
             a
         </td>
         
         <td>
             d
         </td>
         
         <td>
             50
         </td>
         
      </tr>
      
      <tr>
         
         <td>
             b
         </td>
         
         <td>
             e
         </td>
         
         <td>
             94
         </td>
         
      </tr>
      
      <tr>
         
         <td>
             c
         </td>
         
         <td>
             f
         </td>
         
         <td>
             80
         </td>
         
      </tr>
      
   </tbody>
</table>


http://www.gmchl.net/forum

kg3inOTT
New Member

Posts : 1
Reputation : 1
Language : English

http://gmchl.net

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum