Таблица на HTML как сделать кликабельными строки?

Для того чтобы сделать строки таблицы кликабельными на HTML, следует использовать JavaScript в сочетании с HTML и CSS. Вот пример шагов для реализации данной функциональности:

  1. Добавим атрибут onclick к каждой строке таблицы, чтобы отслеживать клики на них. Например:
<tr onclick="yourFunction()">
  <td>Ячейка 1</td>
  <td>Ячейка 2</td>
</tr>
  1. Создадим функцию yourFunction(), которая будет вызываться при клике на строке. Например:
<script>
  function yourFunction() {
    // Ваш код для обработки клика
    alert("Вы кликнули на строку!");
  }
</script>
  1. Теперь каждая строка таблицы станет кликабельной, и при клике на нее будет вызываться функция yourFunction().
  1. Чтобы сделать кликабельными только определенные ячейки в строке (например, только ячейки с определенным классом), можно изменить HTML следующим образом:
<tr>
  <td class="clickable-cell">Ячейка 1</td>
  <td class="clickable-cell">Ячейка 2</td>
</tr>

И JS:

<script>
  document.querySelectorAll('.clickable-cell').forEach(cell => {
    cell.addEventListener('click', yourFunction);
  });
  
  function yourFunction() {
    alert("Вы кликнули на ячейку!");
  }
</script>

Таким образом, вы сможете сделать строки или отдельные ячейки таблицы кликабельными и добавить необходимую функциональность при клике.