Trtablesorter NPM

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',
    });
  });
};

@babel/core @babel/plugin-proposal-class-properties @babel/preset-env babel-core babel-eslint babel-jest babel-loader babel-minify-webpack-plugin flow-bin jest jest-pnp-resolver jest-resolve webpack

@infinitebrahmanuniverse/nolb-trt @everything-registry/sub-chunk-2973

1.0.0

6 years ago