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

100

Nice


Posted on 26 November 2015
100
Functionality

Very good

100
Ease of use

easy

100
Support

ok

100
Documentation

ok

I used this to: site
97

excelent support


Posted on 27 February 2015
95
Functionality

as it should

94
Ease of use

very easy to use

100
Support

very quick and to the point

100
Documentation

ok

I used this to: 3 months
Free

Responsive Tables - Editor

By http://www.web-eau.net
Editor Buttons
When I first released the Joomla plugin "Responsive Tables" in 2013, the "Responsive Design" website's market was emerging. A few months later, according to the requests of my clients, I decided to increase the power of my plugin simplying it for you. In this logic, I've been worked on implementation that meet 2 criteria: - Provide 2 ways to display your table responsively, - Anyone should be able...
Dictionary Dictionary
Free

Dictionary

By http://www.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

Menu Restaurant Premium

By http://www.web-eau.net
Food & Beverage
This premium module displays for restaurants, cafés or any other food business, the "Dishes of the day" with up to 3 starters, 3 main courses, 3 desserts and the price. The user can display a different menu every day. He can choose: - the font family, - the color of the font, - the background image of the module (a chalkboard picture PNG is include with the module), - the size of the background...
Free

Menu restaurant

By http://www.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...
Free

Quick Icons for Dictionary

By http://www.web-eau.net
Extensions Quick Icons
You can add some nice and "time saving" quick icons for Dictionary to your admin panel. With these quick icons, you can easily: - Add a new definition - Open the list of the words already entered in your glossary - Access to the complete documentation of Dictionary - Access to the forum support for Dictionary - Access to the JED page of Dictionary This module is optional but Dictionary needs to...

Responsive Tables

Version:
2.5.0
Developer:
http://www.web-eau.net
Last updated:
Jan 17 2017
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