Lightweight jQuery Based Responsive Table Solution - RTable

Lightweight jQuery Based Responsive Table Solution - RTable

Just another jQuery responsive table plugin which transforms a regular Html table into a single column table (or a scrolling table) when not enough space is available.

How to use it:

1. Load the jquery.rtable.css in the head and the jquery.rtable.js at the bottom of the document. Make sure you have jQuery library loaded in the document.

<link href="jquery.rtable.css" rel="stylesheet">
<script src="//"></script>
<script src="jquery.rtable.js"></script> 

2. Make sure your table have the thead and tbody tags.

<table >

3. Call the function on the table to make it responsive on small screens.


4. Possible options.

// notable or flipscroll
style: 'notable',
// an array of sacrificial columns
sacrifice: [],



  • bugfix styles for multi line headings


  • Update jquery.rtable.js

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

  • Publication date: 15.09.2018
  • Source