JSFiddle - React, Tailwind, and code Playground
by Rapha Souza
HTML
<script src="https://code.jquery.com/jquery-3.4.1.slim.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css">
<div class="panel panel-default">
<div class="panel-heading">
<div class="panel-title">
<div>
<a class="collapse-icon collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="false">
<table id="tabelaImpressao" class="table">
<tbody>
<tr>
<td>1</td>
<td>801 </td>
<td>CSC </td>
<td>909610 </td>
<td>WANESSA SILVA ARCANJO LAGO </td>
<td>ANALISTA DE QUALIDADE E MELHOR </td>
<td>MELHORIA CONTÍNUA </td>
<td>20/11/1992 </td>
<td>04/10/2021 </td>
<td>SIM </td>
<td>BERNARDO SILVA ARCANJO LAGO </td>
<td>FILHO </td>
<td>29/04/2019 </td>
</tr>
</tbody>
</table>
</a>
<div id="collapseOne" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
<div class="panel-body">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea...
CSS
.row {
background: #f8f9fa;
margin-top: 20px;
}
.col {
border: solid 1px #6c757d;
padding: 10px;
}