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 | Rating | Gross | |
|---|---|---|---|---|
| Movie TitleAvatar | Rank1 | Rating83% | Gross$2.7B | |
| Movie TitleTitanic | Rank2 | Rating88% | Gross$2.1B | |
| Movie TitleThe Avengers | Rank3 | Rating92% | Gross$1.5B | |
| Movie TitleHarry Potter and the Deathly Hallows—Part 2 | Rank4 | Rating96% | Gross$1.3B | |
| Movie TitleFrozen | Rank5 | Rating89% | Gross$1.2B | |
| Movie TitleIron Man 3 | Rank6 | Rating78% | Gross$1.2B | |
| Movie TitleTransformers: Dark of the Moon | Rank7 | Rating36% | Gross$1.1B | |
| Movie TitleThe Lord of the Rings: The Return of the King | Rank8 | Rating95% | Gross$1.1B | |
| Movie TitleSkyfall | Rank9 | Rating92% | Gross$1.1B | |
| Movie TitleTransformers: Age of Extinction | Rank10 | Rating18% | Gross$1.0B |