Exibir Datatable Pai x Filho

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>
compartilhar
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do fluig Forum!

1 resposta

Não é a resposta que estava procurando? Procure outras perguntas com as tags datatable paifilho ou faça a sua própria pergunta.