tablesorter

File Type Parser

Flexible client-side table sorting

• In v2.24.4, added a "file-extension" parser.
• If this parser finds the file type extension within the equivalents list, it will add the equivalents group name to the beginning of the file so that during sorting, those file names will sort by the group they are in.
• Please look in the javascript code section below for a full list of default equivalents. This list is by no means extensive, but it can be easily modified or extended as needed.
• To add a new group to the equivalents list, just define a new group, before initializing tablesorter, as follows:

  $.tablesorter.fileTypes.equivalents['xx'] = "A|B|C"

• But lets say your table is primarily being used to sort font file names, but you notice "svg" is listed under "vectors" (graphics) so you want to modify the equivalents list. Do it as follows:

  $.tablesorter.fileTypes.equivalents["Vectors"] = "awg|ai|eps|cdr"; // redefine vectors without "svg"
  $.tablesorter.fileTypes.equivalents["Fonts"] += '|svg'; // just add it to the end (but first include the vertical bar = shift+\; above the enter key)!

• This parser only looks to see if an extension exists within the equivalents list, so any separator can be used (spaces, commas or vertical bars).

Demo

Javascript

HTML