mirror of
https://github.com/rails/rails.git
synced 2022-11-09 12:12:34 -05:00
44 lines
1.1 KiB
JavaScript
44 lines
1.1 KiB
JavaScript
|
$(document).ready(function() {
|
||
|
var switched = false;
|
||
|
$("table").not(".syntaxhighlighter").addClass("responsive");
|
||
|
var updateTables = function() {
|
||
|
if (($(window).width() < 767) && !switched ){
|
||
|
switched = true;
|
||
|
$("table.responsive").each(function(i, element) {
|
||
|
splitTable($(element));
|
||
|
});
|
||
|
return true;
|
||
|
}
|
||
|
else if (switched && ($(window).width() > 767)) {
|
||
|
switched = false;
|
||
|
$("table.responsive").each(function(i, element) {
|
||
|
unsplitTable($(element));
|
||
|
});
|
||
|
}
|
||
|
};
|
||
|
|
||
|
$(window).load(updateTables);
|
||
|
$(window).bind("resize", updateTables);
|
||
|
|
||
|
|
||
|
function splitTable(original)
|
||
|
{
|
||
|
original.wrap("<div class='table-wrapper' />");
|
||
|
|
||
|
var copy = original.clone();
|
||
|
copy.find("td:not(:first-child), th:not(:first-child)").css("display", "none");
|
||
|
copy.removeClass("responsive");
|
||
|
|
||
|
original.closest(".table-wrapper").append(copy);
|
||
|
copy.wrap("<div class='pinned' />");
|
||
|
original.wrap("<div class='scrollable' />");
|
||
|
}
|
||
|
|
||
|
function unsplitTable(original) {
|
||
|
original.closest(".table-wrapper").find(".pinned").remove();
|
||
|
original.unwrap();
|
||
|
original.unwrap();
|
||
|
}
|
||
|
|
||
|
});
|