Home

Awesome

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">