trtablesorter

Tablesorter

JavaScript Plugin to sort Tables.

Documentation

Option	Description	Type	Example	Required
tableWrapper	The wrapper of the table.	DOM Element		Yes
tableHeaderClass	The class of the table header. (with dot at front)	String	'.table-header'	Yes
tableBodyClass	The class of the table body. (with dot at front)	String	'.table-body'	Yes
tableRowClass	The class of the table rows. (with dot at front)	String	'.table-row'	Yes
tableColClass	The class of the table column. (with dot at front)	String	'.td'	Yes
activeStateClass	The class of the table heading column when it's filtered by this column. (with dot at front)	String	'.current'	No
activeDescClass	The class of the table heading column when it's filtered descending by this column. (with dot at front)	String	'.desc'	No
activeAscClass	The class of the table heading column when it's filtered ascending by this column. (with dot at front)	String	'.asc'	No
oddRowClass	The class of the every odd row. (with dot at front)	String	'.bg-pink'	No

Usage Example

window.onload = function() {
  var tablesorter = new Tablesorter();
  var tables = document.querySelectorAll('.wrapper-table');
  tables.forEach(function(table) {
    tablesorter.addTable({
      tableWrapper: table,
      tableHeaderClass: '.table-header',
      tableBodyClass: '.table-body',
      tableRowClass: '.table-row',
      tableColClass: '.td',
      activeStateClass: '.current',
      activeDescClass: '.desc',
      activeAscClass: '.asc',
      oddRowClass: '.bg-pink',
    });
  });
};