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

A jQuery plugin to make tabular data responsive.

Plugins Responsive Tables

Documentation

jquery-responsive-tables

A jQuery plugin to make tabular data responsive.

View the demo at [http://ghepting.github.io/jquery-responsive-tables]

Installation:

Initialize the plugin:

<script type="text/javascript">   $(document).ready(function() {     $('table.responsive').responsiveTables();   }); </script>

Configurations can be added to the markup of each table with simple data attributes:

<table class="responsive" data-min="10" data-max="30" cellpadding="0" cellspacing="0">

Fullscreen:

<table class="responsive" data-height="100%" data-min="10" data-max="25" cellpadding="0" cellspacing="0">

Complete Options:

<table class="responsive" data-compression="5" data-min="10" data-max="25" data-width="100%" data-height="100%" data-adjust-parents="true" data-styled="true" cellpadding="0" cellspacing="0">

You May Also Like