Table layout changes based on screen size for mobile readiness. Prototypes for tables are often always designed for full screen. But how should a table look on moblie devices?

One design solution is to display rows vertically when the screen width is smaller. Resize your browser to see this demo in action.

• Pure HTML, CSS, JavaScript
• Summation Header
• Reusability
• Cusomized Styling
• Low signature, your table looks exactly the same on full screen
• Works with any existing CSS framework (Bootstrap, Material, etc.)