Tables
Table Layout
By default, the table layout is responsive to the user's screen-size and fold's into a two column layout with headers on the left. *Resize your viewport to across the 40em (640px) breakpoint to see the responsive layout or see image below the table.
Name | Location | Contact |
---|---|---|
Elliot Reid General Medicane, MD |
SRWC Cardinal Hall |
email@stanford.edu 650-123-4567 |
Carla Espinosa Radiology, RN |
Historic Campus Bambi Modular |
email@stanford.edu |
Based on the content, there are utility classes for tables that can support a better visual experience. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
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 |