Skip to main content

Table Wrapper: Preventing Table Overflow with Horizontal Scrolling

Wrapper Code: 

<script>

$(function(){
  // Create the wrapper div
  var tableWrapper = $('<div>').addClass('table-wrapper');

  // Wrap the table with the wrapper div
  $('table').wrap(tableWrapper);

  // Apply styles to the wrapper
  $('.table-wrapper').css({
    'width': '100%',
    'overflow-x': 'auto'
  });
});

</script>