JSFiddle - React, Tailwind, and code Playground

by antouank

HTML

<table id="table1">
    <tbody>
        <tr class="topRow">
            <td class="column1">Column 1</td>
            <td class="column2">Column 2</td>
            <td class="column3">Column 3</td>
        </tr>
        <tr class="topRow">
            <td class="column1">Column 1</td>
            <td class="column2">Column 2</td>
            <td class="column3">Column 3</td>
        </tr>
        <tr class="topRow">
            <td class="column1">Column 1</td>
            <td class="column2">Column 2</td>
            <td class="column3">Column 3</td>
        </tr>
    </tbody>
</table>

CSS

table {
    border: 1px dotted #888;
}

.highlightedRow {
    background-color: #ccc;
}

JavaScript

$(".column1,.column2,.column3","#table1 .topRow:odd ").addClass("highlightedRow");