Tenho um pai x filho que recebo os dados do comprador, ao clicar no botão "Ver Itens", ele traz um datatable (descarregado no id="target") associado ao comprador.
O problema é que esse datatable está sendo exibido antes da linha do comprador. Gostaria que fosse abaixo.
<div class="panel panel-info">
<div class="panel-heading">
<h3 class="panel-title">Dados do Comprador</h3>
</div>
<div class="panel-body">
<div class="row">
<div class="row">
<div class="col-md-12">
<div class="form-field table-responsive" data-type="tabledetail" data-field-name="tabledetail">
<table class="table table-hover" cellspacing="0" tablename="tbl_comprador" noaddbutton="true"
nodeletebutton="true">
<thead>
<tr class="tableHeadRow">
<th class="tableColumn">Comprador</th>
<th class="tableColumn">Qtdd Itens</th>
<th class="tableColumn">Valor</th>
<th class="tableColumn">Botão Itens</th>
</tr>
</thead>
<tbody>
<tr>
<td class="col-md-4 col-xs-12">
<div class="form-field">
<input type="text" class="form-control" name="nm_comprador" readonly />
</div>
<br>
</td>
<td class="col-md-3 col-xs-12">
<div class="form-field">
<input type="text" class="form-control" name="vl_qtd_itens" readonly />
</div>
</td>
<td class="col-md-3 col-xs-12">
<div class="form-field">
<input type="text" class="form-control" name="vl_valor_itens" readonly />
</div>
</td>
<td class="col-md-2 col-xs-12">
<div class="form-field">
<input type="hidden" name="nm_cod_comprador" id="nm_cod_comprador">
<button style="cursor:pointer;" class="btn btn-info" name='btn_itens'
id="btn_itens" onclick="buscaItensComprador(this);" title="Ver Itens"
value="Ver Itens">Ver Itens</button>
</div>
</td>
</tr>
<tr>
<div id="target"></div>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>