Pure JavaScript Responsive Table Solution – responsive-tables.js

responsive-tables.js is a pure JavaScript library for compressing your html table with multiple columns into a 2-column responsive table in small screens like mobile devices. Compatible with Bootstrap tables.

How to use it:

Load the responsive-tables.css CSS for the responsive table styles.

<link href="/path/to/responsive-tables.css" rel="stylesheet">

Load the JavaScript file responsive-tables.js in your html page when needed.

<script src="/path/to/responsive-tables.js"></script>

Just add the CSS class ‘responsive-table’ to any html table and the library will do the rest.

<table class='responsive-table'>