JSFiddle - React, Tailwind, and code Playground

by brigand

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/4.3.1/cerulean/bootstrap.min.css">
<table class="table table-striped">
  <thead>
    <th>
      Name
    </th>
    <th>
      Active
    </th>
    <th>
      Perform Test
    </th>
  </thead>

  <tbody>
    <tr>
      <td>
        Thing 00001
      </td>
      <td class="active">Active</td>
      <td>
        <div class="btn btn-secondary">Test</div>
      </td>
    </tr>
    <tr>
      <td>
        Thing 00001
      </td>
      <td class="inactive">Inactive</td>
      <td>
        <div class="btn btn-secondary">Test</div>
      </td>

      <tr>
        <td>
          Thing 00001
        </td>
        <td class="inactive">Inactive</td>
        <td>
          <div class="btn btn-secondary">Test</div>
        </td>
      </tr>

      <tr>
        <td>
          Thing 00001
        </td>
        <td class="active">Active</td>
        <td>
          <div class="btn btn-secondary">Test</div>
        </td>
      </tr>

      <tr>
        <td>
          Thing 00001
        </td>
        <td class="active">Active</td>
        <td>
          <div class="btn btn-secondary">Test</div>
        </td>
      </tr>

      <tr>
        <td>
          Thing 00001
        </td>
        <td class="active">Active</td>
        <td>
          <div class="btn btn-secondary">Test</div>
        </td>
      </tr>

      <tr>
        <td>
          Thing 00001
        </td>
        <td class="active">Active</td>
        <td>
          <div class="btn btn-secondary">Test</div>
        </td>
      </tr>

      <tr>
        <td>
          Thing 00001
        </td>
        <td class="active">Active</td>
        <td>
          <div class="btn btn-secondary">Test</div>
        </td>
      </tr>

      <tr>
        <td>
          Thing 00001
        </td>
        <td class="active">Active</td>
        <td>
       ...

CSS

table {
  width: 100%;
}

td.active {
  background: #c9facd;
}

td.inactive {
  background: #facdc9;
}