tablesorter

Using extractors with parsers

Flexible client-side table sorting

NOTE!

• The extractor type was added in v2.17.6 and allows you to apply two parsers to a column:
  • In this demo, the last column contains select dropdowns that have "good", "medium" and "bad" options.
  • So there is a need to use a parser to extract content from the selected option within the select and then use the grades parser to give each grade a sortable value.
  • Thanks to TheSin- for adding this functionality!
• The extractor is always used before the parser.
• Individual columns can be modified by adding the following (they all do the same thing), set in order of priority:
  • jQuery data data-extractor="select".
  • metadata class="{ extractor: 'select'}". This requires the metadata plugin.
  • headers option headers : { 0 : { extractor : 'select' } }.
  • header class name class="extractor-select".

Demo

Javascript

HTML