Simplest Responsive Table Solution With jQuery - responsive-tables

File Size: 9.8 KB
Views Total: 3368
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Simplest Responsive Table Solution With jQuery - responsive-tables

A minimalist jQuery based responsive table solution which converts a multi-column table into a 2-column list view to make your table more readable on small screens.

How to use it:

1. Download and copy the script and css into your project which has jQuery library installed.

<link rel="stylesheet" href="css/responsive-tables.min.css"> 
<script src="//"></script>
<script src="js/jquery.responsive-tables.min.js"></script>

2. Add the required CSS class to your html table which has thead and tbody elements.

<table class="respond">

3. Initialize the plugin to make the html table responsive.

$(document).ready(function() {

4. As an option, you can pass a breakpoint value at which you want the table affected.




  • v2.2.1


  • CSS fixed for mobile


  • Improved implementation


  • fixed mixed merged cells issue

This awesome jQuery plugin is developed by ryanwellsdotcom. For more Advanced Usages, please check the demo page or visit the official website.