Conforme o código a baixo:
<div class="container table-responsive">
<table class="table table-striped table-hover">
<caption>Lista de Contribuintes Cadastrados</caption>
<thead>
<tr>
<th scope="col"></th>
<th scope="col">#</th>
<th scope="col">Nome</th>
<th scope="col">Sobrenome</th>
<th scope="col">Data</th>
<th scope="col">Fone</th>
<th scope="col">Email</th>
<th scope="col">site</th>
<th scope="col">Obs</th>
</tr>
</thead>
<tbody>
<tr data-toggle="collapse" data-target="#accordion" class="clickable">
<td>
<div class="row-fluid summary">
<div class="span1">
<button class="btn-outline-primary" data-toggle="collapse" data-target="#intro">+</button>
</div>
</div>
</td>
<td>1</td>
<td>teste</td>
<td>testando</td>
<td>24/05/2017</td>
<td>(11) 0 0000-000</td>
<td>(11) 0 0000-000</td>
<td>(11) 0 0000-000</td>
<td>Voce ligou para Testeeeeee para falar em comercial!</td>
</tr>
<tr>
<td>
<div class="row-fluid summary">
<div id="intro" class="collapse">
Teste!!!!!!
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>Gostaria de realizar um collapse em uma tabela, que ao clicar em um botão:
<tr data-toggle="collapse" data-target="#accordion" class="clickable">
<td>
<div class="row-fluid summary">
<div class="span1">
<button class="btn-outline-primary" data-toggle="collapse" data-target="#intro">+</button>
</div>
</div>
Mais código...
</tr>aparecesse um texto que ficará a baixo de toda a linha da tabela do botão selecionado, e não apenas a baixo da coluna de botão:
<tr>
<td>
<div class="row-fluid summary">
<div id="intro" class="collapse">
Teste
</div>
</div>
</td>
</tr>E caso tenha mais linhas e colunas em minha tabela, aparecer o texto a baixo apenas da linha selecionada e não abaixo da tabela inteira. É possível fazer isso com tabela?
