JSFiddle - React, Tailwind, and code Playground

by Harm Zeinstra

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<table id="orderregels">
  <tbody>
    <tr>
      <th>&nbsp;</th>
      <th>Artikel nr.</th>
      <th>Omschrijving</th>
      <th>Aantal</th>
      <th>Prijs/stuk</th>
      <th>BTW%</th>
      <th>Totaal</th>
      <th>Vrije
        <br>Voorraad</th>
      <th>Bestelde
        <br>voorraad</th>
      <th>Opmerkingen</th>
      <th>Gewicht
        <br>(Kg.)</th>
      <th>Volume
        <br>(Liter)</th>
    </tr>
    <tr class="even">
      <td>0</td>
      <td colspan="9">Order voor fotografie</td>

    </tr>
    <tr class="odd" id="11010805">
      <td>1</td>
      <td>1010805</td>
      <td>Gos Houten Davos Slee 100 cm</td>
      <td>1</td>
      <td>36,36</td>
      <td>0</td>
      <td>36.36</td>
      <td>0</td>
      <td>0</td>
      <td></td>
      <td>4,00</td>
      <td>7,44</td>
    </tr>
    <tr class="even" id="21020972">
      <td>2</td>
      <td>1020972</td>
      <td>Summertime Beachball Set</td>
      <td>1</td>
      <td>2,89</td>
      <td>0</td>
      <td>2.89</td>
      <td>23</td>
      <td>0</td>
      <td></td>
      <td>0,48</td>
      <td>5,08</td>

CSS

.odd {
             color: blue;
           }
           
           .even {
             color: red;
           }

JavaScript

$(document).ready(function() {
  var regel = 2;
  var itemcode = 1020972;
  $("#" + regel + itemcode).remove();
  var rows = $("#orderregels").find("tr");
  for (i = 1; i < rows.length; i++) {
    if (i % 2 != 0) {
      rows[i].classList.add("odd");
      rows[i].classList.remove("even");
    } else {
      rows[i].classList.add("even");
      rows[i].classList.remove("odd");
    }
  }
});