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 |
