JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <table id="report" border="1" style="width: 100%;">
        <thead>
            <tr>
                <th>Id</th>
                <th>Cliente</th>
                <th>Data</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td> <a href="#">Mostrar Faturas</a>

                </td>
                <td>xxxxxxxxx</td>
                <td>60,00</td>
            </tr>
            <tr>
                <td colspan="5">
                    <table>
                        <tr>
                            <td>
                                <input type="checkbox" />
                            </td>
                            <td>OS</td>
                            <td>Serviço</td>
                            <td>Data</td>
                            <td>Centro Custo</td>
                            <td>Status Transacação</td>
                            <td>valor</td>
                            <td>Acao</td>
                        </tr>
                        <tr>
                            <td>
                                <input type="checkbox" />
                            </td>
                            <td>0001</td>
                            <td>xxx</td>
                            <td>12/10/2015</td>
                            <td>xxx</td>
                            <td>xxx</td>
                            <td>30,00</td>
                            <td>Del</td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td> <a href="#">Mostrar Faturas</a>

                </td>
                <td>xxxxxxxxx</td>
                <td>60,00</td>
            </tr>
            <td colspan="5">
                <table>
                    <tr>
                        <td>
                            <input type="checkbox" />
                        </td>
                        <td>OS</td>
                        <td>Serviço</td>
       ...

CSS

#report > tbody > tr:nth-child(even){
    display: none;
}

JavaScript

$(document).ready(function () {
    $("#report > tbody > tr:even").click(function () {
        $(this).next("tr").toggle();
        $(this).find(".arrow").toggleClass("up");
    });
});