JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<caption>Beispieltabelle 1</caption>
<thead>
  <tr><th>Header Cell 1</th><th>Header Cell 2</th></tr>
</thead>
<tbody>
  <tr><td>Body Cell 1-1</td><td>Body Cell 1-2</td></tr>
  <tr class="no_hover"><td>Body Cell 2-1</td><td>Body Cell 2-2</td></tr>
  <tr><td>Body Cell 3-1</td><td>Body Cell 3-2</td></tr>
</tbody>
<tfoot>
  <tr><td>Footer Cell 1</td><td>Footer Cell 2</td></tr>
</tfoot>
</table>

<table>
<caption>Beispieltabelle 2</caption>
<thead>
  <tr><th>Header Cell 1</th><th>Header Cell 2</th></tr>
</thead>
<tbody class="no_hover">
  <tr><td>Body Cell 1-1</td><td>Body Cell 1-2</td></tr>
  <tr class="no_hover"><td>Body Cell 2-1</td><td>Body Cell 2-2</td></tr>
  <tr><td>Body Cell 3-1</td><td>Body Cell 3-2</td></tr>
</tbody>
<tfoot>
  <tr><td>Footer Cell 1</td><td>Footer Cell 2</td></tr>
</tfoot>
</table>

CSS

table {
  border-collapse: collapse;
}
tbody:not(.no_hover):hover {
  background-color: #ffc;
}
tr:hover {
  background-color: #fcf;
}
tr:not(.no_hover):hover {
  background-color: #fcf;
}


caption, th, td {
  border: 1px solid blue;
  padding: 0.2em 1em;
}