The Joomla! Extensions Directory ™


Responsive Scrolling Tables Plugin

Editor's Note
  • This extension requires registration to 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.

Why did we 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.

Tested in IE 9-11, Chrome 31+, FireFox 25+.

Please report any issues to http://www.tjdixon.com/support/

Report Extension

 

Images

 

2014-06-12
Reviews: 1
I have pages that where the content is only inside a table, and other pages where there is additional content outside of any table. Everything display as it should.

As this site will have additional editors that are not familiar with creating responsive code, this allows them to insert content without worry. This extension resolves the display issues.
2014-06-02
Reviews: 2
It's all about an excellent plug-in. Download, install and enable. Works precisely and smoothly.