Responsive-tables-js NPM

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="responsiveimages.css" />
<script src="responsiveimages.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]-->

Contribution

Sure! Just send me your pull requests :)

Demo

Licence

MIT

js reponsive tables jquery

@everything-registry/sub-chunk-2658 @infinitebrahmanuniverse/nolb-resp @zalastax/nolb-resp

0.1.4

9 years ago