jQuery ReStable v0.1.2

jQuery ReStable is a very simple and lightweight (~1Kb) jQuery plugin that make tables responsive making them collapse into ul lists.

调整浏览器大小查看效果

Example A - Responsive Pricelist Table (with row headers)
Period Full Board Half Board Bed and Breakfast
01/10/12 - 02/10/12 20 € 30 € 40 €
03/10/12 - 04/10/12 40 € 50 € 60 €
05/10/12 - 06/10/12 70 € 80 € 90 € 
$('#table1').ReStable();
Example B - Responsive Columns Table (without row headers)
Carbon Hydrogen Nitrogen Oxygen
10 15 1 0
8 11 1 2
10 15 1 1
12 17 1 1
14 19 1 2 
$('#table2').ReStable({

    rowHeaders : false

});
Example C - Responsive Columns Table with html support (without row headers)
Avatar Username Email Description
Pinco [email protected]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla molestie vulputate lectus, eu aliquam erat cursus ac. Etiam finibus pellentesque turpis vitae lacinia. Suspendisse lorem nibh, gravida aliquam arcu in, iaculis consectetur nisl. Pellentesque eu mattis sapien.
Pallino [email protected]

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Asdrubale [email protected]

Nulla molestie vulputate lectus, eu aliquam erat cursus ac. Etiam finibus pellentesque turpis vitae lacinia.

  • Element 1
  • Element 2
  • Element 3
 
$('#table3').ReStable({

    keepHtml : true,

    rowHeaders : false

});

Credits and contacts

ReStable has been made by me. You can contact me at [email protected] or twitter for any issue or feauture request.