Sort HTML Table Without jQuery Library | sorTable.js

sorTable.js is a non-jQuery HTML sorting table that is used to sort table rows by alphabet and number without any dependencies.

table sort jquery plugin, javascript sortable table library, jquery sort table ascending and descending, sort table jquery, sorting table data in dynamic html

How to make use of it:

Add sorTable’s JS and CSS files to the HTML page.

<link rel="stylesheet" href="css/sorTable.css">
<script src="js/sorTable.js"></script>

Add a CSS class “Sortable” to the existing HTML table.

<table class="sortable">
  <thead>
  <tr>
    <th>No</th>
    <th>Content1</th>
    <th>Content2</th>
  </tr>
  </thead>
  <tbody>
  <tr>
    <th>1</th>
    <td>Alpha</td>
    <td>Charlie</td>
  </tr>
  <tr>
    <th>2</th>
    <td>Bravo</td>
    <td>Duff</td>
  </tr>
  <tr>
    <th>3</th>
    <td>Charlie</td>
    <td>Apple</td>
  </tr>
  <tr>
    <th>4</th>
    <td>Delta</td>
    <td>Butter</td>
  </tr>
  </tbody>
</table>

Minimal Table Sorting Library, sorTable.js Plugin/Github, table sorting in javascript for dynamic table


See Demo And Download

Official Website(beatdjam): Click Here

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

Share