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.
| 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.
| 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 |
