Minimal Table Data Sorting Plugin For jQuery - SortTable

File Size: Unknown
Views Total: 871
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Minimal Table Data Sorting Plugin For jQuery - SortTable

SortTable is a dead simple jQuery plugin which enables the user to sequentially sort numbers and letters in your existing HTML table.

How to use it:

1. First you have to load the jQuery SortTable plugin's script after jQuery library.

<script src="//code.jquery.com/jquery.min.js"></script>
<script src="public/js/plugins.js"></script>

2. Note that your table must have thead and tbody elements as shown below:

<table id="myTable">
  <thead>
      <th>Number</th>
      <th>Name</th>
      <th>Age</th>
  </thead>
  <tbody>
  <tr>
      <td>1</td>
      <td>John</td>
      <td>30</td>
  </tr>
  <tr>
      <td>2</td>
      <td>Smith</td>
      <td>45</td>
  </tr>
  <tr>
      <td>3</td>
      <td>Michel</td>
      <td>23</td>
  </tr>
  <tr>
      <td>4</td>
      <td>Urgent</td>
      <td>33</td>
  </tr>
  </tbody>
</table>

3. Call the function on the table and done. Just click on the header of your html table and you'll see the magic.

$('#myTable').sortTable();

This awesome jQuery plugin is developed by JKasyan. For more Advanced Usages, please check the demo page or visit the official website.