JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <thead>
    <tr>
      <th>Header 1</th>
      <th>Header 2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Value1</td>
      <td>Value2</td>
    </tr>
    <tr class="highlight">
      <td>Value1</td>
      <td>Value2</td>
    </tr>
    <tr>
      <td>Value1</td>
      <td>Value2</td>
    </tr>
    <tr>
      <td>Value1</td>
      <td>Value2</td>
    </tr>
  </tbody>
</table>

CSS

.highlight td::before,
.highlight td::after {
  content: "";
  height: 10px;
  display: block;
}