Boa tarde, gostaria de saber se há algum modo de inserir um paifilho dentro de outro, preciso de dois níveis e ambos são dinânimicos, é possível? Eu fiz o código, mas a table interna não é exibida.
<form name="form" role="form">
<div class="row">
<div class="col-md-12">
<table tablename="comodos" class="table table-hover" addbuttonlabel='Adicionar cômodo'>
<thead>
<tr>
<td>Cômodos</td>
</tr>
</thead>
<tbody>
<tr>
<td style="width:20%">
<div class="form-group">
<div class="row">
<div class="col-md-12">
<label>Cômodo (O nome deve ser único):</label>
</div>
</div>
<div class="row">
<div class="col-md-4">
<input type="text" name="nome" id="nome_comodo">
</div>
</div>
</div>
</td>
<td style="width:70%">
<table tablename="item" addbuttonlabel="Adicionar Item" class="table table-hover">
<thead>
<tr>
<td>Itens do Cômodo</td>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="form-group">
<label>Item:</label>
<input type="text" name="item" id="nome_item_comodo">
</div>
</td>
<td>
<div class="form-group">
<label>Marca:</label>
<!--INSERIR CAMPO ZOOM PARA A MARCA-->
</div>
</td>
<td>
<div class="form-group">
<label>Quantidade:</label>
<input type="number" min="1" name="qtd" id="qtd_item_comodo">
</div>
</td>
<td>
<div class="form-group">
<label>Observação:</label>
<textarea name="obs" id="obs_item_comodo"></textarea>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="row">
<div class="text-right col-md-6">
Imóvel em bom estado?
</div>
<div class="text-left col-md-6">
<input type="checkbox" name="bom_estado" id="bom_estado">
</div>
</div>
</form>