@@include('./partials/main.html') @@include("partials/title-meta.html", {"title": "Tablesaw Tables"}) @@include('./partials/head-css.html')
@@include('./partials/menu.html')
@@include('./partials/topbar.html')
@@include("./partials/page-title.html", {"subtitle":"Tables","title":"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
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

Sortable Table

Default appearance (with optional sortable-switch)

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

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.

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.

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.

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
@@include('./partials/footer.html')
@@include('./partials/right-sidebar.html') @@include('./partials/footer-scripts.html')