resTables - jQuery plugin for responsive tables
The resTables jQuery plugin allows you to easily make your table responsive. It has been created based on the stacktable.js concept by John Polacek.
View the documentation at https://github.com/codefog/restables
Basic demo
Shrink your browser window below 992px to see the new table!
Position | First name | Last name | Age |
---|---|---|---|
CEO | John | Doe | 21 |
Web developer | John | Smith | 33 |
Designer | Donna | Evans | 29 |
$(document).ready(function () {
$('#basic-demo-table').resTables();
});
Advanced demo
Shrink your browser window below 992px to see the new table!
Position | First name | Last name | Age |
---|---|---|---|
CEO | John | Doe | 21 |
Web developer | John | Smith | 33 |
Designer | Donna | Evans | 29 |
$(document).ready(function (){
$('#advanced-demo-table').resTables({
merge: {1: [2]},
move: {1: 0},
span: [1],
cloneCallback: function (clone) {
clone.find('tbody').each(function() {
var age = $(this).find('tr').eq(2).find('td').eq(1);
age.text(age.text() + ' (years)');
});
}
});
});