Introduction

News Display, Tables & Lists

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,

  • Favourite
  • Report

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 2.5.0 : updater

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

Amazing!



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



Posted on 26 November 2015
Functionality
Very good
Ease of use
easy
Support
ok
Documentation
ok
I used this to: site

excelent support



Posted on 27 February 2015
Functionality
as it should
Ease of use
very easy to use
Support
very quick and to the point
Documentation
ok
I used this to: 3 months
Dictionary
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...
Menu restaurant
Free

Menu restaurant

By web-eau.net
Food & Beverage
This module displays for restaurant, cafés or any other food business, the "Dish of the day" with a starter, a main course, a dessert and price. The user can display a different menu every day. He can choose: - the font, - the color of the font, - the background image of the module (a chalkboard picture PNG is include in the module), - the size of the background image, - the currency, - to disp...
Categories list
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...
Tweet Feed
Free

Tweet Feed

By web-eau.net
Social Display
Displaying a Twitter feed on your Joomla! website is a great benefit for your social presence because it gives you the opportunity to develop your community and your business. Twitter is a gold mine for business and to increase quickly your notoriety (and your ranking). This is an easy way to engage your visitors and to boost the SEO of your site. And it's FREE! So many goods reasons to install Tw...
Contacts list
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!...

Responsive Tables

Version:
2.5.0
Developer:
web-eau.net
Last updated:
Jun 01 2019
Date added:
Nov 19 2014
License:
GPLv2 or later
Type:
Free download
Includes:
p
Compatibility:
3
Download

Uses Joomla! Update System

Score:


Write a review