🌈 jQuery plugin that makes tables responsive converting them to HTML lists on small viewports.
Alternatives To Restable
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Tablesaw5,5209575 months ago54March 19, 2019mitJavaScript
A group of plugins for responsive tables.
Rwd Table Patterns751
114 days ago14July 05, 202211mitJavaScript
This is an awesome solution for responsive tables with complex data.
React Super Responsive Table39732102 days ago64June 06, 20223mitJavaScript
Turn the tables on unresponsive data!
Ember Light Table31370152 months ago61July 29, 2020109mitJavaScript
Lightweight, contextual component based table for Ember
Datatables Responsive219
67 years agoFebruary 22, 202118otherJavaScript
Responsive Datatables Helper
1a year agoJune 25, 2015JavaScript
🌈 jQuery plugin that makes tables responsive converting them to HTML lists on small viewports.
React Sticky Table1783312 years ago42October 17, 20209mitJavaScript
Responsive and dynamically-sized fixed headers and columns for tables
2 months ago1mitGo
Building blocks for charmbracelet/lipgloss 👾
Responsive135224 days ago8October 25, 201825otherJavaScript
Responsive extension for DataTables, providing support for complex tables on all device screen sizes
113 days ago6January 30, 20217mitJavaScript
Basic Table jQuery or Vanilla JS plugin for simple responsive tables.
Alternatives To Restable
Select To Compare

Alternative Project Comparisons


jQuery ReStable 0.1.2

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.

To use it you just have to include jQuery and a copy of the plugin in your head or footer:

<script type="text/javascript" src=""></script>
<script type="text/javascript" src="jquery.restable.min.js"></script>
<link rel="stylesheet" href="jquery.restable.min.css">

Let's say this is your table:

<table class="mytable">
            <td>Full Board</td>
            <td>Half Board</td>
            <td>Bed and Breakfast</td>
            <td>01/10/12 - 02/10/12</td>
            <td>20 €</td>
            <td>30 €</td>
            <td>40 €</td>
            <td>03/10/12 - 04/10/12</td>
           <td>40 €</td>
            <td>50 €</td>
            <td>60 €</td>
            <td>05/10/12 - 06/10/12</td>
            <td>70 €</td>
            <td>80 €</td>
            <td>90 €</td>

Now the only thing to do is to trigger the action with:

$(document).ready(function () {

This will target automatically all the tables in the page but you can, off course, target one or more elements with:

$(document).ready(function () {

If you need more control here's the plugin settings:

    rowHeaders: true, // Table has row headers?
    maxWidth: 480, // Size to which the table become responsive
    keepHtml: false // Keep the html content of cells

Credits and contacts

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

Popular Responsive Projects
Popular Table Projects
Popular Web User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.