From 259f0e9c4a4d0abe0628aa1fe76ca0a2a3b4953c Mon Sep 17 00:00:00 2001 From: Alessandro Benoit Date: Wed, 20 Nov 2013 18:17:10 +0100 Subject: [PATCH] Update README.md --- README.md | 60 +++++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 58 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 41f1b10..b205ecb 100644 --- a/README.md +++ b/README.md @@ -1,10 +1,66 @@ jQuery ReStable ======== -**jQuery ReStable** is a very simple and lightweight (~1Kb) jQuery plugin that make tables responsive making them collapse into ul lists. +**jQuery ReStable** is a very simple and lightweight (~1Kb) jQuery plugin that make tables responsive making them collapse into ul lists.You can find some examples in the included demo or [here](http://codeb.it/restable/). To use it you just have to include jQuery and a copy of the plugin in your head or footer: - + + +Let's say this is your table: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
PeriodFull BoardHalf BoardBed and Breakfast
01/10/12 - 02/10/1220 €30 €40 €
03/10/12 - 04/10/1240 €50 €60 €
05/10/12 - 06/10/1270 €80 €90 €
+ +Now the only thing to do is to trigger the menu with: + + $(window).ready(function () { + $.ReStable(); + }); + +This will target automatically all the tables in the page but you can, off course, target one or more elements with: + + $(window).ready(function () { + $('.mytable').ReStable(); + }); + +If you need more control here's the plugin settings: + + $('.toresponsive').ReSmenu({ + rowHeaders: true, // Table has row headers? + maxWidth: 480 // Size to which the table become responsive + }); + +## Credits and contacts + +ReSmenu has been made by [me](http://codeb.it). You can contact me at micc83@gmail.com or [twitter](https://twitter.com/Micc1983) for any issue or feauture request.