Sortable examples

Basic sort

Role Name
Genius Rick
Sidekick Morty

Tiebreaker

Sort by year

(Appearance manually changed using style attributes. Just for demonstration.)
style="
  --stripe-bg: #ff0;
  --stripe-color: #000;
  --stripe-bg-odd: #f0f;
  --stripe-color-odd: #111;
  --th-bg: blue;
  --th-color: #fff;"
Month Year Day Time
11 2010 25 12:00
11 2010 25 15:00
04 2010 12 13:00

Colspans

nums + chars CHARS
333 222 BB
1 111 CCC
22 333 A

Empty/null sorted last

Text Number
jkl 0.4
abc 0
should be sorted last (if click in this column)
def 0.2

class="no-sort"

Role Name
Genius Rick
Sidekick Morty

numeric sorting

Role Time Amount Number
Genius 12:00:12 $18.49 2.49
Sidekick 12:22:11 $2.49 18.49
Butler 12:22:05 $1.96 1.96

Ascending sort

Role Name
Genius Rick
Sidekick Morty

Alternative sort

Movie Name Size
A B
D E
J K

TR element with no TD element (invalid HTML)

Letters
CCC
DDD
AAA

TD with "incorrect" whitespace

Role Name
Genius Rick
 Sidekick Morty

HTML Tag Support

Event Date Progress Score Abbreviation
Meeting 75% 8.5/10 WWW
Conference 50% 9.2/10 API
Workshop 90% 7.8/10 HTML
Seminar Unknown Six point five CSS