Makes Any Table Sortable By Header Columns | jQuery sortableTable.js

jquery-sortable-table-js

Sortable-Table-jQuery-Plugin Makes any table sortable by clicking header columns (alphabetically). A basic and fast sortable jQuery table plugin that makes it possible to sort columns in an HTML table alphabetically by clicking on the headers.

html table sort column header, sorting table data in dynamic html, html sort table by clicking header, html table sortable, sortable table jquery, table sort javascript

How to make use of it:

1. Include the stylesheet jquery.sortableTable.css for ASC & DESC icons and cursor adjustments.

<link rel="stylesheet" href="jquery.sortableTable.css" />

2. Include the JavaScript jquery.sortableTable.js after jQuery.

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/jquery.sortableTable.js"></script>

3. Add the CSS class to the HTML table and the plugin will do the remainder.

<table class="ui-sortable-table">
  <thead>
    <tr>
      <th>First Name</th>
      <th>Last Name</th>
    </tr>
  </thead>
  <tbody>
    <tr><td>Peg</td><td>Legge</td></tr>
    <tr><td>Eileen</td><td>Sideways</td></tr>
    <tr><td>Augusta</td><td>Wind</td></tr>
    <tr><td>Chris</td><td>Anthemum</td></tr>
    <tr><td>Hope</td><td>Furaletter</td></tr>
    <tr><td>Bess</td><td>Twishes</td></tr>
    <tr><td>Dee</td><td>End</td></tr>
    <tr><td>Willie</td><td>Makit</td></tr>
    <tr><td>Anna</td><td>Littlical</td></tr>
    <tr><td>Saul</td><td>Goodmate</td></tr>
  </tbody>
</table>

Sort Tables Alphabetically, Sortable-Table-jQuery-Plugin Github, jquery sort table on header click


See Demo And Download

Official Website(beaudurrant): Click Here

This superior jQuery/javascript plugin is developed by beaudurrant. For extra Advanced Usages, please go to the official website.