Responsive HTML tables draw their name from the 'responsive design' principle, a design pattern that refers to Web pages and Web-based apps that render the same on mobile and desktop devices, using fluid layouts that shift around to fit content in available whitespace, regardless of viewport size.
The plugin implements such a pattern for HTML tables, forcing wide tables to display vertically on mobile screens, scrolling down to see more content, instead of scrolling sideways.
This is done by pulling the table header and individual table rows.
Each table row is printed out as its own table, with the original table header displayed above it.
While confusing at first, the technique is very helpful for small screen devices, and a much better fit than hiding table columns, technique used by other plugins.
This way data is never lost, while the user has a little bit of more vertical scrolling to do.
Demos are included with the download package.
Requirements:
- JavaScript enabled on client side
- jQuery
Comments not found