$(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();
      }

});