Simplest jQuery Responsive Table Solution - responsivetables.js

File Size: 6.37 KB
Views Total: 1852
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Simplest jQuery Responsive Table Solution - responsivetables.js

responsivetables.js is an extremely lightweight (~1kb) jQuery responsive table plugin that listens to screen size and transforms a regular html table cells into grouped blocks on small screen devices.

How to use it:

1. Add the responsivetables.css for basic responsive table styles.

<link rel="stylesheet" href="responsivetables.css">

2. Load jQuery library and the jQuery responsivetables.js at the bottom of the document so the page loads faster.

<script src="//"></script>
<script src="responsivetables.min.js"></script>

3. Call the plugin on the html table and specify the breakpoint to trigger the resize function.

$( "table" ).ResponsiveTable({
  breakpoint: 1024 // default: 640

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