JSFiddle - React, Tailwind, and code Playground

HTML

<table id="mijnTabel">
  <thead>
    <tr>
      <th>Header 1</th>
      <th>Header 2</th>
      <th>Header 3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Data 1</td>
      <td>Data 2</td>
      <td>Data 3</td>
    </tr>
    <tr>
      <td>Data 4</td>
      <td>Data 5</td>
      <td>Data 6</td>
    </tr>
    <!-- Voeg meer rijen toe indien nodig -->
  </tbody>
</table>

CSS

/* Stijl voor de geselecteerde rij */
    .selected {
      background-color: yellow; /* Verander naar de gewenste kleur */
    }

JavaScript

var rows = document.getElementById('mijnTabel').getElementsByTagName('tr');

  function selectRow() {
    for (var i = 0; i < rows.length; i++) {
      rows[i].addEventListener('click', function() {
        this.classList.toggle('selected'); // Wissel de 'selected' klasse bij elke klik
      });
    }
  }

  selectRow(); // Roep de functie aan om klikgebeurtenissen toe te voegen aan alle rijen