JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <thead>
    <tr>
      <th>Lorem ipsum</th>
      <th>Dolor sit</th>
      <th>Amet</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1.</td>
      <td>—</td>
      <td class="highlighted-cell">Yes</td>
    </tr>
    <tr>
      <td>2.</td>
      <td>—</td>
      <td>—</td>
    </tr>
    <tr>
      <td>3.</td>
      <td>—</td>
      <td>—</td>
    </tr>
    <tr>
      <td>4.</td>
      <td class="highlighted-cell">Yes</td>
      <td>—</td>
    </tr>
  </tbody>
</table>

CSS

body {
  background-color: #fff;
}
table {
  margin: 20px auto;
  border-spacing: 3px;
}
th, td {
  padding: 5px;
  outline: 3px solid #ccc;
}
.highlighted-cell {
  background-color: rgba(255, 51, 0, .2);
  outline-color: #f30;
  position: relative;
}