Tablesaw Tables

Stack Table

The Stack Table stacks the table headers to a two column layout with headers on the left. Resize your viewport to across the 40em (640px) breakpoint to see the change.

Movie Title Rank Year Rating Gross
Movie Title Avatar Rank 1 Year 2009 Rating 83% Gross $2.7B
Movie Title Titanic Rank 2 Year 1997 Rating 88% Gross $2.1B
Movie Title The Avengers Rank 3 Year 2012 Rating 92% Gross $1.5B
Movie Title Harry Potter and the Deathly Hallows—Part 2 Rank 4 Year 2011 Rating 96% Gross $1.3B
Movie Title Frozen Rank 5 Year 2013 Rating 89% Gross $1.2B
Movie Title Iron Man 3 Rank 6 Year 2013 Rating 78% Gross $1.2B
Movie Title Transformers: Dark of the Moon Rank 7 Year 2011 Rating 36% Gross $1.1B
Movie Title The Lord of the Rings: The Return of the King Rank 8 Year 2003 Rating 95% Gross $1.1B
Movie Title Skyfall Rank 9 Year 2012 Rating 92% Gross $1.1B
Movie Title Transformers: Age of Extinction Rank 10 Year 2014 Rating 18% Gross $1.0B

Sortable Table

Default appearance (with optional sortable-switch)

Movie Title Avatar Rank 1 Year 2009 Rating 83% Gross $2.7B
Movie Title Titanic Rank 2 Year 1997 Rating 88% Gross $2.1B
Movie Title The Avengers Rank 3 Year 2012 Rating 92% Gross $1.5B
Movie Title Harry Potter and the Deathly Hallows—Part 2 Rank 4 Year 2011 Rating 96% Gross $1.3B
Movie Title Frozen Rank 5 Year 2013 Rating 89% Gross $1.2B
Movie Title Iron Man 3 Rank 6 Year 2013 Rating 78% Gross $1.2B
Movie Title Transformers: Dark of the Moon Rank 7 Year 2011 Rating 36% Gross $1.1B
Movie Title The Lord of the Rings: The Return of the King Rank 8 Year 2003 Rating 95% Gross $1.1B
Movie Title Skyfall Rank 9 Year 2012 Rating 92% Gross $1.1B
Movie Title Transformers: Age of Extinction Rank 10 Year 2014 Rating 18% Gross $1.0B

Swipe Table

Your awesome text goes here.

Movie Title Rank Year Rating Gross
Avatar 1 2009 83% $2.7B
Titanic 2 1997 88% $2.1B
The Avengers 3 2012 92% $1.5B
Harry Potter and the Deathly Hallows—Part 2 4 2011 96% $1.3B
Frozen 5 2013 89% $1.2B
Iron Man 3 6 2013 78% $1.2B
Transformers: Dark of the Moon 7 2011 36% $1.1B
The Lord of the Rings: The Return of the King 8 2003 95% $1.1B
Skyfall 9 2012 92% $1.1B
Transformers: Age of Extinction 10 2014 18% $1.0B

Swipe Table with Mini Map

Your awesome text goes here.

Movie Title Rank Year Rating Gross
Avatar 1 2009 83% $2.7B
Titanic 2 1997 88% $2.1B
The Avengers 3 2012 92% $1.5B
Harry Potter and the Deathly Hallows—Part 2 4 2011 96% $1.3B
Frozen 5 2013 89% $1.2B
Iron Man 3 6 2013 78% $1.2B
Transformers: Dark of the Moon 7 2011 36% $1.1B
The Lord of the Rings: The Return of the King 8 2003 95% $1.1B
Skyfall 9 2012 92% $1.1B
Transformers: Age of Extinction 10 2014 18% $1.0B

Column Toggle Table

The Column Toggle Table allows the user to select which columns they want to be visible.

Columns
Movie Title Rank Year Rating Gross
Avatar 1 2009 83% $2.7B
Titanic 2 1997 88% $2.1B
The Avengers 3 2012 92% $1.5B
Harry Potter and the Deathly Hallows—Part 2 4 2011 96% $1.3B
Frozen 5 2013 89% $1.2B
Iron Man 3 6 2013 78% $1.2B
Transformers: Dark of the Moon 7 2011 36% $1.1B
The Lord of the Rings: The Return of the King 8 2003 95% $1.1B
Skyfall 9 2012 92% $1.1B
Transformers: Age of Extinction 10 2014 18% $1.0B

Column Toggle Table with Mini Map

The Column Toggle Table allows the user to select which columns they want to be visible.

Columns
Movie Title Rank Year Rating Gross
Avatar 1 2009 83% $2.7B
Titanic 2 1997 88% $2.1B
The Avengers 3 2012 92% $1.5B
Harry Potter and the Deathly Hallows—Part 2 4 2011 96% $1.3B
Frozen 5 2013 89% $1.2B
Iron Man 3 6 2013 78% $1.2B
Transformers: Dark of the Moon 7 2011 36% $1.1B
The Lord of the Rings: The Return of the King 8 2003 95% $1.1B
Skyfall 9 2012 92% $1.1B
Transformers: Age of Extinction 10 2014 18% $1.0B

Mode Switch Table

The mode switcher allows the user to select which tablesaw view to use.

Movie Title Rank Year Rating Gross
Avatar 1 2009 83% $2.7B
Titanic 2 1997 88% $2.1B
The Avengers 3 2012 92% $1.5B
Harry Potter and the Deathly Hallows—Part 2 4 2011 96% $1.3B
Frozen 5 2013 89% $1.2B
Iron Man 3 6 2013 78% $1.2B
Transformers: Dark of the Moon 7 2011 36% $1.1B
The Lord of the Rings: The Return of the King 8 2003 95% $1.1B
Skyfall 9 2012 92% $1.1B
Transformers: Age of Extinction 10 2014 18% $1.0B

Bare Table

Your awesome text goes here.

Avatar 1 2009 83% $2.7B
Titanic 2 1997 88% $2.1B
The Avengers 3 2012 92% $1.5B
Harry Potter and the Deathly Hallows—Part 2 4 2011 96% $1.3B
Frozen 5 2013 89% $1.2B
Iron Man 3 6 2013 78% $1.2B
Transformers: Dark of the Moon 7 2011 36% $1.1B
The Lord of the Rings: The Return of the King 8 2003 95% $1.1B
Skyfall 9 2012 92% $1.1B
Transformers: Age of Extinction 10 2014 18% $1.0B