Выделите подряд, когда указатель мыши находится над строкой в ​​таблице материалов

Question

Какой компонент я должен использовать, чтобы получить выделение в строке, когда указатель мыши находится над строкой, используя компонент таблицы материалов?

Я не нахожу какое-либо свойство или какой компонент переопределить, чтобы получить это.

Спасибо заранее за ваше время С наилучшими пожеланиями

Вот код https://codesandbox.io/s/yv13zjr9w9

Answer 1

Если вы хотите, чтобы только эта таблица имела эффект наведения, оберните ее в другой элемент или присвойте ей класс, как в примере выше:

https://codesandbox.io/s/4wkpp98z69

.myTable tr:hover {
  background-color: red;
}

Answer 2

Вы можете создать CSS, чтобы выделить строку

tr:hover{
background:gray;
}

Обратитесь к песочнице

https://codesandbox.io/s/y686o6n9