Responsive Scrolling Tables

RST detects when tables are bigger then their containers and makes them scroll instead of flowing over the boundary of the container.

Author:T J Dixon Limited (profile at wordpress.org)
WordPress version required:3.9.1
WordPress version tested:4.1.2
Plugin version:1.2.1
Added to WordPress repository:04-08-2014
Last updated:23-04-2015
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
Rating, %:98
Rated by:10
Plugin URI:http://www.tjdixon.com/
Total downloads:6 849
Active installs:2 000+
plugin download
Click to start download
What is Responsive Scrolling Tables (RST)?

RST is a plugin for your Joomla! website that prevents tables from breaking your responsive layout.

Who is RST for?

RST is for anyone wishing to use tables in a mobile friendly way without having to add classes or special formatting to the table. It's aimed at WYSIWYG users to help them focus more on the content and worry less about the mobile display.

What does RST do?

It detects when tables are bigger then their containers and makes them scroll instead of flowing over the boundary of the container.

Please see screen shots for examples.

Why create RST?

We created RST because our clients like to write their own content and sometimes it is necessary to use tables. We respect that our clients are not HTML masters and learning HTML is often not one of their long term goals, so we needed an easy to use way of making their tables display correctly and easily on mobile devices.

How does RST work?

It inserts a JavaScript file into the document that detects if the document contains any tables. With each table it finds, it checks whether the table's width is larger then its parent, when a table is going to break the display of a page and makes it scroll instead by inserting a scrollable parent around the table. It also runs when the page is resized allowing users to maintain usability even after the page has loaded.