JSFiddle - React, Tailwind, and code Playground

HTML

<table className="table-list" border="1">
  <thead>
    <tr>
      <th>Название</th>
      <th>Количество</th>
      <th>Комментарий</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>1</th>
      <th>2</th>
      <th>3</th>
    </tr>
    <tr>
      <th>1</th>
      <th>2</th>
      <th>3</th>
    </tr>
    <tr>
      <th>1</th>
      <th>2</th>
      <th>3</th>
    </tr>
    <tr>
      <th>1</th>
      <th>2</th>
      <th>3</th>
    </tr>
  </tbody>
</table>

CSS

tr:hover {
  cursor: pointer;
  background-color: lightgray;
}