Responsive Tables

Introduction

Since 2012, "Responsive Design" is a massive trend in webdesign. Websites are mainly oriented to increase the user experience on any devices. In this logic, the lightweight "Responsive Tables" plugin is designed to make "Responsive Design" any HTML / CSS table, specially on mobiles. To create this plugin, I've worked on implementation that would meet four criteria:
Doesn't break responsive layouts of the template,
Doesn't unnecessarily hide table data,
Still allows you to compare rows with a key column.
No librairy Jquery to avoid conflicts,

Most of the time, as you looked at data table, you realized that the first column is the main key. This is the reference for the other columns. I wanted my extension "Responsive Tables" to have this first column always available.
So, on mobiles devices, the head of the table become this first column (the yellow one on the picture bellow), the table "flip" on the side.
You just have to touch the table with your finger and move "right" and "left" the columns, the first one is still fix and available (see below).

To avoid always possible jQuery conflicts, "Responsive Tables" don't use this librairy.

The "Responsive Design" experience has been tested with success on iPhone, iPad, Android and BlackBerry.

Caution :
Please, don't use "Responsive Tables" to display images in your content. The plugin DO NOT resize pictures. If you want/need to display images, the best design practice is using the tag < div >, tables are displaying datas.

Please, use my forum support for your questions and the JED for your reviews.

Enjoy !

=========
Version 4.1.0 : server update

Version 4.0.0 : Joomla4 compatible

Version 3.0.0 : fix notice message

Version 2.5.0 : updater

Version 2.1.0 : add some improvements in code for a better Responsive Design experience

Write a review

Easy and simple

JoomTheme (3).
Posted on 30 November 2022

Functionality

Once setup, this is an awesome plugin and beautiful responsive table.

Ease of use

Once you understand the idea and concept behind it it is easy. Experimenting with tables and layouts is fun and helpful.

Support

I got some great support when I needed it. Often within one or two days.

Documentation

Not all is there but what there is is clear and to the point. The developer is realy working hard to get it al available is my impression.

I used this to: It helps to generate tables easier for me now. Great value! Excellent value for a useful tool.

The best one!!!

Florian Georgiev (1).
Posted on 28 November 2022

Functionality

Simply what it needs. For such a tool you don't need any options at all.

Ease of use

Extremely easy. Everything works out of the box. If you want, with a little of CSS you could customize its design.

Support

Documentation

I used this to: i use it for a rental properties site. They are based in the UK.

Nice tool

Jan Kristof Schliep (1).
Posted on 19 October 2022

Functionality

It works great after I understood what classes are. I am not sure what else to write to get to the required 64 characters.

Ease of use

It's very easy to use if you know how to write html. I am not a programmer, so it took me some time, but managed it.

Support

Daniel answered my question very quick when I had a (server related) problem.

Documentation

I used this to: Price lists on a mobile version of a festival website. Well, that's all, I am not sure what else to write.

Amazing!

terence (3).
Posted on 30 January 2019

Functionality

Exactly as it says AND you can still add styling aftrewards

Ease of use

Great!

Support

Have not needed support

Documentation

Didn't need any

I used this to: 3

Nice

Sebastian (3).
Posted on 26 November 2015

Functionality

Very good

Ease of use

easy

Support

Documentation

I used this to: site

excelent support

Freddy Cocquit (2).
Posted on 27 February 2015

Functionality

as it should

Ease of use

very easy to use

Support

very quick and to the point

Documentation

I used this to: 3 months

Display #

Free

Callback

By web-eau.net

Contact forms

Nowadays, your website visitors should contact you as they want: email, social media, phone. With Callback, free Joomla 4 module, you give the end user the possibility to request a phone callback from you. The visitor drops her/his name and her/his phone number and you receive an email few minutes later. This module is a smart opportunity to improve the interactions on your site and an easy way t...

Free

Modify Date

By web-eau.net

Articles Display

Until now, the only solution to edit the modification date of an article in Joomla, is to go through the database. This technique is reserved for people with the access rights and skills to do so. Modify Date plugin has been specially designed to allow you to modify this field directly from the Joomla administration panel, without having to open in the database. Thus, you have complete control ove...

Free

Dictionary

By web-eau.net

Glossary

Most of the time, glossaries available for Joomla! have the same common and boring display. You should say "nice but déjà vu". So, I've decided to create something different with an original display. Each word should be immediately identifiable and the definitions are "hidden" with some CSS3 (I've been inspired by the Wikipedia's display). For creating "Dictionary" Joomla! component, I've worked...

Free

Upcoming articles

By web-eau.net

Articles Display

The free module ** Upcoming articles** displays a list of articles form one or more categories with a publishing date in the future. WIth this feature, you can tease your visitors and keep their interest on your content and your website. You can select how many articles you want to display, you can select the categories and decide to display the date of the publication of each article. Translati...

Free

Categories list

By web-eau.net

Reading lists

Displaying a list of categories on your Joomla! website is very useful to indicate other interesting pages and content to your visitors. The module Categories list gives you the great opportunity to display this list and of course, you completly control the display with 2 differents layout. This is a powerful tool to engage your visitors to stay much longer on your site. Ans it's FREE! So many goo...

Free

Contacts list

By web-eau.net

Contact Details

Displaying a list of contacts on your Joomla! website is very useful to promote a department or a team, for example. The module Contacts list gives you the opportunity to display their names, avatar, position and email addresses, if needed. This is a powerful tool to engage your visitors to contact your team through your site. And it's FREE! So many goods reasons to install Contacts list now! The...

Free

Download Counter

By web-eau.net

Downloads

If you are looking to offer a very simple download solution to your visitors, this free Joomla 4 plugin is exactly what you need. Indeed, your visitors will only have to click on a link to retrieve the desired file. The simpler it is, the more efficient it is and the better it is for the user experience. On your side, you can decide to display the number of downloads of your files and to restrict...