JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js""></script>
<body>
<table id="report" border="1" style="width: 100%;">
<tr>
<th>Id</th>
<th>Cliente</th>
<th>Data</th>
</tr>
<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>
<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>
...
JavaScript
$(document).ready(function(){
$("#report tr:odd").addClass("odd");
$("#report tr:not(.odd)").hide();
$("#report tr:first-child").show();
$("#report tr.odd").click(function(){
$(this).next("tr").toggle();
$(this).find(".arrow").toggleClass("up");
});
//$("#report").jExpand();
});