<div class="container pt-4">
  <h2 class="my-3">Standard "Resonsive" Table</h2>
  <table class="table table-responsive">
    <tr>
      <th>Character Name</th>
      <th>Show</th>
      <th>Played By</th>
      <th>Year</th>
      <th>Rating</th>
    </tr>
    <tr>
      <td><strong>Michael Scott</strong></td>
      <td>The Office</td>
      <td>Steve Carell</td>
      <td>2006</td>
      <td>5/5</td>
    </tr>
    <tr>
      <td><strong>Homer Simpson</strong></td>
      <td>The Simpsons</td>
      <td>Dan Casteleneta</td>
      <td>1998</td>
      <td>4/5</td>
    </tr>
    <tr>
      <td><strong>Phoebe Buffay </strong></td>
      <td>Friends</td>
      <td>Lisa Kudrow</td>
      <td>1996</td>
      <td>3/5</td>
    </tr>
    <tr>
      <td><strong>Carlton Banks</strong></td>
      <td>Fresh Prince</td>
      <td>Alfonso Ribeiro</td>
      <td>1982</td>
      <td>4/5</td>
    </tr>
    <tr>
      <td><strong>Lucy Ricardos</strong></td>
      <td>I Love Lucy</td>
      <td>Lucille Ball</td>
      <td>1958</td>
      <td>5/5</td>
    </tr>
    <tr>
      <td><strong>Marcia Brady</strong></td>
      <td>The Brady Bunch</td>
      <td>Maureen McCormick</td>
      <td>1974</td>
      <td>2/5</td>
    </tr>
  </table>
</div>

<div class="container pt-4">
  <h2 class="my-3">A Table That is Actually Responsive</h2>
  <p>You'll notice this table isn't actually a table. it's a bunch of divs using rows + columns. This allows the "Table" to break into individual cards vs a side-scrolling table which is less than ideal.</p>

  <ul class="list-group">
    <ul class="list-group-item list-group-item-action d-none d-lg-inline-block border-bottom">
      <div class="row">
        <div class="col-lg"><strong>Character Name</strong></div>
        <div class="col"><strong>Show</strong></div>
        <div class="col"><strong>Played By</strong></div>
        <div class="col"><strong>Year</strong></div>
        <div class="col"><strong>Rating</strong></div>
      </div>
    </ul>
    <a href="#" class="list-group-item list-group-item-action">
      <div class="row">
        <div class="col-12 pb-2 pb-lg-0 col-lg"><strong>Michael Scott</strong></div>
        <div class="col-6 col-lg"><small class="d-lg-none mt-1">Show<br></small>The Office</div>
        <div class="col-6 col-lg"><small class="d-lg-none mt-1">Played By<br></small>Steve Carell</div>
        <div class="col-6 col-lg">2008</div>
        <div class="col-6 col-lg"><span class="d-lg-none">Rating: </span>5/5</div>
      </div>
    </a>
    <a href="#" class="list-group-item list-group-item-action">
      <div class="row">
        <div class="col-12 pb-2 pb-lg-0 col-lg"><strong>Homer Simpson</strong></div>
        <div class="col-6 col-lg"><small class="d-lg-none mt-1">Show<br></small>The Simpsons</div>
        <div class="col-6 col-lg"><small class="d-lg-none mt-1">Played By<br></small>Dan Casteleneta</div>
        <div class="col-6 col-lg">1996</div>
        <div class="col-6 col-lg"><span class="d-lg-none">Rating: </span>4/5</div>
      </div>
    </a>
    <a href="#" class="list-group-item list-group-item-action">
      <div class="row">
        <div class="col-12 pb-2 pb-lg-0 col-lg"><strong>Phoebe Buffay </strong></div>
        <div class="col-6 col-lg"><small class="d-lg-none mt-1">Show<br></small>Friends</div>
        <div class="col-6 col-lg"><small class="d-lg-none mt-1">Played By<br></small>Lisa Kudrow</div>
        <div class="col-6 col-lg">1992</div>
        <div class="col-6 col-lg"><span class="d-lg-none">Rating: </span>3/5</div>
      </div>
    </a>
    <a href="#" class="list-group-item list-group-item-action">
      <div class="row">
        <div class="col-12 pb-2 pb-lg-0 col-lg"><strong>Carlton Banks</strong></div>
        <div class="col-6 col-lg"><small class="d-lg-none mt-1">Show<br></small>Fresh Prince</div>
        <div class="col-6 col-lg"><small class="d-lg-none mt-1">Played By<br></small>Alfonso Ribeiro</div>
        <div class="col-6 col-lg">1987</div>
        <div class="col-6 col-lg"><span class="d-lg-none">Rating: </span>4/5</div>
      </div>
    </a>
    <a href="#" class="list-group-item list-group-item-action">
      <div class="row">
        <div class="col-12 pb-2 pb-lg-0 col-lg"><strong>Lucy Ricardos</strong></div>
        <div class="col-6 col-lg"><small class="d-lg-none mt-1">Show<br></small>I Love Lucy</div>
        <div class="col-6 col-lg"><small class="d-lg-none mt-1">Played By<br></small>Lucille Ball</div>
        <div class="col-6 col-lg">1956</div>
        <div class="col-6 col-lg"><span class="d-lg-none">Rating: </span>5/5</div>
      </div>
    </a>
    <a href="#" class="list-group-item list-group-item-action">
      <div class="row">
        <div class="col-12 pb-2 pb-lg-0 col-lg"><strong>Marcia Brady</strong></div>
        <div class="col-6 col-lg"><small class="d-lg-none mt-1">Show<br></small>The Brady Bunch</div>
        <div class="col-6 col-lg"><small class="d-lg-none mt-1">Played By<br></small>Maureen McCormick</div>
        <div class="col-6 col-lg">1974</div>
        <div class="col-6 col-lg"><span class="d-lg-none">Rating: </span>2/5</div>
      </div>
    </a>
  </ul>