JSFiddle - React, Tailwind, and code Playground

by ffff fffff

HTML

<html>
 <head>
  <meta charset="utf-8">
  <title>Товар</title>
  <style>
   table {
    width: 100%; /* Ширина таблицы */
    border-collapse: collapse; /* Убираем двойные линии между ячейками */
   }
   td, th {
    padding: 3px; /* Поля вокруг содержимого таблицы */
    border: 1px solid #000; /* Параметры рамки */
   }
   th {
    background: "transparent"; /* Цвет фона */
    color: #333;  /* Цвет текста */
   }
   tbody tr:hover {
    background: #f3bd48; /* Цвет фона при наведении */
    color: #fff; /* Цвет текста при наведении */
   }
  </style>
 </head>
 <body>
  <table>
   <tr>
     <td>Товар</td><td>Товар</td><td>Товар</td>
   </tr>
   <tbody>
  </table>
 </body>
</html>