DataTables append with AJAX

$(document).ready(function(){

	  
var tableSucursal =  $('#SucursalesTabla').DataTable(
  {
    responsive: true,
	rowReorder: true,
	"scrollX": true 
});


tableSucursal.rows().every( function () {
	
    this.child( '<table id="InternosTabla" width="100%"><thead><tr><th  class="id">Apellido</th><th>Nombre</th><th>Cargo</th><th>Tel&eacute;fono</th><th>M&oacute;vil</th><th colspan="2">E-mail</th><th>Observaciones</th><th align="center"><a id="AgregarInternos" style="cursor:pointer; display:none;" onclick="AgregarInternos();">Nuevo</a></tr></th>'+
	'</thead>'+
	'<tbody>'+

	'</tbody>'+
	'</table>'	
	);
	

	
});

function datos(sucursal) {

$.ajax({
		type: "POST",
		url: "clientes_showint.php",
		data: {sucursal:sucursal},
		success: function(data){
	$("#InternosTabla tbody").append(data);
		}
		});
}


$('#SucursalesTabla tbody').on( 'click', 'tr', function () {
	var tr = $(this).closest('tr');
    var row = tableSucursal.row( tr );

    var child = tableSucursal.row(this).child;
	var sucursal=$(this).closest("tr").find(".id").text();	

 
    if (row.child.isShown()) {
        row.child.hide();
    }
    else {
    row.child.show();
	row.child(datos(sucursal)).show();
    }
});