Sort-Scroll-Table is the shortest vanilla js code for sorting a scrollable html table (among the shortest and most versatile, in the world, for sorting any type of data in a column.)

bs table sorter, tablesorter custom sort, sort table jquery, jquery sort table without plugin, jquery sort table plugin, table sorting plugin, tablesorter datatable

How to make use of it:

1. Load the Vi.Table.sort.js library into the document.

<script src="./js/Vi.Table.sort.js"></script>

2. Apply built-in sorter functions to table headers.

<table id="example">
  <thead>
    <tr>
      <th onclick="Vi.Table.sort.number(this)" title="Number will be sortes as number.">Numbers</th>
      <th onclick="Vi.Table.sort.string(this)" title="Strings will be ordered lessically.">Strings</th>
    </tr>
  </thead>
  <tbody> 
    ...
  </tbody>
</table>

3. Sort your table based on custom criteria.

function sortCustom(th) {
  try {
    var numbers = ['zero', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine'];
    function getValue(tr, cellIndex) {
      var value = tr.children[cellIndex].innerText.toLowerCase().trim();
      return numbers.indexOf(value);
    }
    Vi.Table.sort(th, getValue);
  }
  catch (jse) {
    console.error(jse);
  }
}

<table id="example">
  <thead>
    <tr>
      <th onclick="sortCustom(this)" title="Strings will be ordered like the number they represent: custom sort.">Number</th>
      <th onclick="Vi.Table.sort.number(this)" title="Number will be sortes as number.">Numbers</th>
      <th onclick="Vi.Table.sort.string(this)" title="Strings will be ordered lessically.">Strings</th>
    </tr>
  </thead>
  <tbody> 
    ...
  </tbody>
</table>

Custom Table Sorter In Vanilla JavaScript, Sort Scroll Table Plugin/Github, jquery sort table by column value

See Demo And Download

Official Website(coGit-ergo-sum): Click Here

This superior jQuery/javascript plugin is developed by coGit-ergo-sum. For extra Advanced usage, please go to the official website.