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 TitleAvatar | Rank1 | Year2009 | Rating83% | Gross$2.7B |
| Movie TitleTitanic | Rank2 | Year1997 | Rating88% | Gross$2.1B |
| Movie TitleThe Avengers | Rank3 | Year2012 | Rating92% | Gross$1.5B |
| Movie TitleHarry Potter and the Deathly Hallows—Part 2 | Rank4 | Year2011 | Rating96% | Gross$1.3B |
| Movie TitleFrozen | Rank5 | Year2013 | Rating89% | Gross$1.2B |
| Movie TitleIron Man 3 | Rank6 | Year2013 | Rating78% | Gross$1.2B |
| Movie TitleTransformers: Dark of the Moon | Rank7 | Year2011 | Rating36% | Gross$1.1B |
| Movie TitleThe Lord of the Rings: The Return of the King | Rank8 | Year2003 | Rating95% | Gross$1.1B |
| Movie TitleSkyfall | Rank9 | Year2012 | Rating92% | Gross$1.1B |
| Movie TitleTransformers: Age of Extinction | Rank10 | Year2014 | Rating18% | Gross$1.0B |
Sortable Table
Default appearance (with optional sortable-switch)
| Movie TitleAvatar | Rank1 | Year2009 | Rating83% | Gross$2.7B |
| Movie TitleTitanic | Rank2 | Year1997 | Rating88% | Gross$2.1B |
| Movie TitleThe Avengers | Rank3 | Year2012 | Rating92% | Gross$1.5B |
| Movie TitleHarry Potter and the Deathly Hallows—Part 2 | Rank4 | Year2011 | Rating96% | Gross$1.3B |
| Movie TitleFrozen | Rank5 | Year2013 | Rating89% | Gross$1.2B |
| Movie TitleIron Man 3 | Rank6 | Year2013 | Rating78% | Gross$1.2B |
| Movie TitleTransformers: Dark of the Moon | Rank7 | Year2011 | Rating36% | Gross$1.1B |
| Movie TitleThe Lord of the Rings: The Return of the King | Rank8 | Year2003 | Rating95% | Gross$1.1B |
| Movie TitleSkyfall | Rank9 | Year2012 | Rating92% | Gross$1.1B |
| Movie TitleTransformers: Age of Extinction | Rank10 | Year2014 | Rating18% | 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 |