Responsive Tables JS is a simple and fast method for making any table responsive
All modern browsers. Tested in:
- FF
- Chrome
- IOS Safari
- IE9+ (see 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}");
} );
Sure! Just send me your pull requests :)
MIT