🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Responsive Tables JS is a simple and fast method for making any table responsive

Plugins Responsive Tables

Documentation

Responsive Table JS

Responsive Tables JS is a simple and fast method for making any table responsive

Browser Support

All modern browsers. Tested in:

  • FF
  • Chrome
  • IOS Safari
  • IE9+ (see usage)

Usage

  • jQuery is required - tested with 2.x (should work with previous versions too)
  • Just insert the js script, css stylesheet and add the class responsive to your table.
  • The table must have th tags to work
  • For chrome/ios: is required!
  • For IE9: please make sure that the html tag has the class ie9 (below for instructions)

Example:

Include:

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

Table:

<table class="responsive"> <tr >     <th>         Title 1     </th>     <th>         Title 2     </th> </tr> <tr>     <td >         Row 1     </td>     <td >         Row 1     </td> </tr> </table> 

IE9 CSS Class

<!--[if IE 9 ]>     <html class="ie9"> <![endif]--> <!--[if !IE]>-->     <html> <!--<![endif]--> 

Init tables

$( document ).ready( function() {     window.responsiveTables.init();     // or     window.responsiveTables.init("{some-jquery-selector}"); } ); 

Contribution

Sure! Just send me your pull requests :)

Demo

Licence

MIT


You May Also Like