<div class="panel table-panel">

<div class="panel-heading">
<div class="panel-title">
<h2>Tabela Pai x Filho</h2>
<small>Novo componente tabela
pai x filho</small>
</div>
<div class="form-group">
<button type="button"
class="btn botao" name="inputAdicionar1" id="inputAdicionar1"
onclick="AddChildIp('tabelaProdutos1')" data-fluig-state-hide="5,7,9,25">Add
Table</button>
</div>
</div>
<div class="panel-body">
<div class="form-field table-
responsive" data-type="tabledetail" data-show-properties="" data-field-
name="tabledetail">
<table class="table"
cellspacing="0" tablename="tabelaProdutos1" noaddbutton="true"
nodeletebutton="true" id="tabelaProdutos1">
<thead>
<tr
class="tableHeadRow">
<th
class="tableColumn text-left">Descricao</th>
<th
class="tableColumn">Prazo</th>
<th
class="tableColumn">Fornecimento</th>
<th
class="tableColumn">Validade</th>
<th
class="tableColumn">Prazo Compra</th>
<th
class="tableColumn">Embalagem</th>
<th
class="tableColumn"></th>
</tr>
</thead>
<tbody>
<tr>
<td
style="display: none;" onclick="collapseip(this, 'tabelaProdutos1')">
<i
class="flaticon flaticon-chevron-up icon-lg" aria-hidden="true"></i>
<h2
id="item-td">Item</h2>
</td>

<td>
<div
class="form-group">

<label for="descricao1" style="display: none;">Descricao</label>

<input type="text" name="descricao1" id="descricao1" class="form-control">

</div>
</td>
 <td>
<div
class="form-group">

<label for="prazoFabricacao1" style="display: none;">Prazo</label>

<input type="text" name="prazoFabricacao1" id="prazoFabricacao1" class="form-

control" >
</div>
</td>
<td>
<div
class="form-group">

<label for="inicioFornecimento1" style="display: none;">Fornecimento</label>

<input type="date" name="inicioFornecimento1" id="inicioFornecimento1"

class="form-control" >
</div>
</td>
<td>
<div
class="form-group">

<label for="inicioFornecimento1" style="display: none;">Validade</label>

<input type="text" name="validade1" id="validade1" class="form-control" >

</div>
</td>
<td>
<div
class="form-group">

<label for="prazoPedidoCompra1" style="display: none;">Prazo Compra</label>

<input type="text" name="prazoPedidoCompra1" class="form-control"

id="prazoPedidoCompra1">

</div>
</td>
<td>
<div
class="form-group">

<label for="descricaoEmbalagens1" style="display: none;">Embalagem</label>

<input type="text" name="descricaoEmbalagens1" class="form-control"

id="descricaoEmbalagens1">

</div>
</td>
<td>
<div>

<button class="btn-lixo" onclick="RemoveChildIp(this)" style="display:

none;">Remover Grupo</button>

<i class="flaticon flaticon-trash icon-md lixo" aria-hidden="true"

onclick="fnWdkRemoveChild(this)" data-fluig-state-hide="5,7,9,25"></i>
 </div>
</td>
</tr>
<hr>
</tbody>
<tfoot>
<tr>
<td
colspan="6" >
<div
class="fluig-summary">

<div class="fluig-values">

<div>

<span>Sub-total</span>

<div class="form-group">

<input type="text" name="subTotal" id="subTotal" class="form-

control mValor" value=10000.00 readonly>

</div>

</div>

<div>

<span>Taxa</span>

<div class="form-group">

<input type="text" name="taxa" id="taxa" class="form-control

mValor" value=10000.00 readonly>

</div>

</div>

<div class="summary">

<span>Total</span>

<div class="form-group">

<input type="text" name="total" id="total" class="form-control

mValor" value=10000.00 readonly>

</div>

</div>

</div>
</div>
</td>
</tr>
</tfoot>
</table>
 </div>
</div>
</div>