Responsive Table With jQuery Plugin – respontable.js

Table
Demo    Download
File Size: 3.44 KB
Views Total: 234 views
Last Update:November 8, 2020
Publish Date: November 8, 2020
Official Website: Go to website
License: MIT

A responsive table jQuery plugin with respontable.js is automatically converts a table into a Bootstrap based dropdown interface. it will work responsive screen (max-width:768px) with auto adjust like : drop-down, two columns, fixed position. its also work with bootstrap table.

Options :
  • X Scroll ( .table-xscroll )
  • 2. Dropdown ( .table-dropdown )
  • 3. Two Columns ( .table-twocol )
  • 4. XY Swap ( .table-xyswap )
  • 5. Fixed 1st Column ( .table-firstcol )
How to used :
  1. First, include jQuery library and second the ‘respontable.css’ and ‘respontable.jquery.min.js’ files in your webpage.
<link rel="stylesheet" href="respontable.css" type="text/css"/> 
<script src="jquery.min.js"></script>
<script src="respontable.jquery.min.js"></script>

2. Second, insert the responstable CSS class you want in your table, that’s it !

<table class="table table-dropdown">
   <tr>
       <th>Options</th>
       ...
       ...
       <td>6.1" OLED</td>
   </tr>
</table>

3. Finally, initial respontable.js with a trigger breakpoint (such as 768) in your webpage.

<script> respontable(768); </script>

Done


Nola Arney

Nola Arney is a full stack web developer who has worked at companies of various shapes and sizes, and with technologies just as diverse. Her ambition for development is only matched by his desire to find the perfect meme for every occasion.

Related jQuery Plugins