JSFiddle - React, Tailwind, and code Playground

by Dug Sohn

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<div class="container">
  <table class="table table-striped">
    <thead>
      <tr>
        <th>SID</th>
        <th>SYSTEM</th>
        <th>EXPIRATION</th>
          <th>STATUS</th>
      </tr>
    </thead>
    <tbody>
        
         <tr>
          <td rowspan="2"><a href="#stay">William Gaither (wmgaither)</a></td>
        <td >Pink Cadillac</td>
        <td>11052015</td>
          <td>
              
              <div class="btn-group">
  <button type="button" class="btn btn-xs btn-success"><i class="fa fa-check"></i> Checked  In  <small></small></button>
  <button type="button" class="btn btn-xs btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    <span class="caret"></span>
    <span class="sr-only">Toggle Dropdown</span>
  </button>
  <ul class="dropdown-menu">
  <li class="dropdown-header">IN 0830</li>    <li><a href="#">Check Out</a></li>
  </ul>
</div>
</td>
      </tr>
         <tr>
        <td>Mountain Bike</td>
        <td>07132015</td>
             <td>
              <div class="btn-group">
  <button type="button" class="btn btn-xs btn-success"><i class="fa fa-check"></i>  Checked In </button>
  <button type="button" class="btn btn-xs btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    <span class="caret"></span>
    <span class="sr-only">Toggle Dropdown</span>
  </button>
  <ul class="dropdown-menu">
  <li class="dropdown-header">IN 0830</li>    <li><a href="#">Check Out</a></li>
       
  </ul>
</div></td>
      </tr>
        
        
                      <tr>
          <td><a href="#stay">Jermain Peterson (jpeterson)</a></td>
        <td >Chuck Taylors</td>
 ...

CSS

.btn-group .btn-xs { width:90px}
.btn-group .dropdown-toggle { width:30px}
.btn-default { width:120px}

thead tr { background-color:#f1f1f1;}
.table>thead>tr>th {
  border-bottom: 4px solid #fff;
}

JavaScript

//whos in