JSFiddle - React, Tailwind, and code Playground

by cchana

HTML

<table id="report">
    <tr>
        <td>x</td>
        <td>y</td>
        <td>x</td>
    </tr>
    <tr>
        <td>x</td>
        <td>y</td>
        <td>x</td>
    </tr>
</table>

CSS

td {
    padding: 10px;
    border: 1px solid red;
    border-collapse: collapse;
}

JavaScript

$("#report tr:odd").addClass("odd");
$("#report tr:not(.odd)").hide();
$("#report tr:first-child").show();

$("#report tr.odd td:not(:last-child)").click(function(){
    /*$(this).next("tr").toggle();
    $(this).find(".arrow").toggleClass("up");*/
    alert('test');
});