Skip to content Skip to main navigation Report an accessibility issue

Tables with Horizontal Scrolling


Usage: Large tables may not fit on small screens. While it is best to keep your data simple, sometimes it is necessary to scroll on small screens.

Optional table caption.
# First Name Last Name Username Email Address Favorite Spot
1 Samuel Carrick @firstprez Carrick Hall
2 Jenny Armstrong @dontmess Ampitheater
3 Barbara blount @oldskool The Hill


<div class="table-responsive">
<table class="table-striped">
  <caption>Optional table caption.</caption>
      <th>First Name</th>
      <th>Last Name</th>
      <th>Email Address</th>
      <th>Favorite Spot</th>
      <th scope="row">1</th>
      <td>Samuel </td>
      <td>Carrick Hall</td>
      <th scope="row">2</th>
    <th scope="row">3</th>
      <td>The Hill</td>
Available as a shortcode in the WordPress theme
[table-wrap bordered="false" striped="true" hover="false" responsive="true"] ... table code ... [/table-wrap]