diff --git a/src/main/webapp/js/view/people.js b/src/main/webapp/js/view/people.js
index 7fd0631cf5832b15d06914fd89dc200a574502d5..7cfb34c76e9fd3e7145ff942dc965ab198bad1e0 100644
--- a/src/main/webapp/js/view/people.js
+++ b/src/main/webapp/js/view/people.js
@@ -151,7 +151,7 @@ var PeopleView = (function() {
 					<thead>\
 						<tr class="row">\
 							<th class="col-sm-2">Nombre</th>\
-							<th class="col-sm-3">Apellido</th>\
+							<th class="col-sm-4">Apellido</th>\
 							<th class="col-sm-5">&nbsp;</th>\
 						</tr>\
 					</thead>\
diff --git a/src/main/webapp/js/view/pets.js b/src/main/webapp/js/view/pets.js
index a41d07ce5bb2cd87620935a0c1b2aa8bbb2bd20a..7ac621a84ec53ca3c9af0939b9e7c246d6979f87 100644
--- a/src/main/webapp/js/view/pets.js
+++ b/src/main/webapp/js/view/pets.js
@@ -68,12 +68,15 @@ var PetsView = (function() {
 		
 		this.initPetsPerson = function(id, person) {
 			
-			$('#' + formContainerId).before('<h1 class="display-5 mt-3 mb-3" id="pets-tittle">Mascotas de ' + person.name + '</h1>');
+			$('#' + formContainerId).before('<h1 class="display-5 mt-3 mb-3" id="pets-tittle">Mascotas de ' + person.name + ' ' + person.surname + '</h1>');
+			
+			$('#person-name-th').remove();
+			$('#person-surname-th').remove();
 			
 			dao.listPeoplePets(id,
 							   function(pets) {
 								$.each(pets, function(key, pet) {
-									appendToTable(pet, person);
+									appendToTablePetsPerson(pet);
 								});
 			});
 			
@@ -196,8 +199,8 @@ var PetsView = (function() {
 					<tr class="row">\
 						<th class="col-sm-2" style="text-align:center;">Nombre</th>\
 						<th class="col-sm-2" style="text-align:center;">Especie</th>\
-						<th class="col-sm-2" style="text-align:center;">Nombre Propietario</th>\
-						<th class="col-sm-2" style="text-align:center;">Apellido Propietario</th>\
+						<th class="col-sm-2" style="text-align:center;" id="person-name-th">Nombre Propietario</th>\
+						<th class="col-sm-2" style="text-align:center;" id="person-surname-th">Apellido Propietario</th>\
 						<th class="col-sm-3">&nbsp;</th>\
 					</tr>\
 				</thead>\
@@ -245,6 +248,20 @@ var PetsView = (function() {
 		</tr>';
 	};
 
+	var createPetRowPetsPerson = function(pet) {
+				
+		return '<tr id="pet-'+ pet.id +'" class="row">\
+			<td class="namePet col-sm-2" style="text-align:center;">' + pet.name + '</td>\
+			<td class="specie col-sm-2" style="text-align:center;">' + pet.specie + '</td>\
+			<td style="display:none;" class="idOwner col-sm-3" style="text-align:center;">' + pet.idOwner + '</td>\
+			<td class="col-sm-3">\
+				<a class="edit btn btn-primary" href="#">Editar</a>\
+				<a class="delete btn btn-warning" href="#">Eliminar</a>\
+			</td>\
+		</tr>';
+	};
+
+	
 	var showErrorMessage = function(jqxhr, textStatus, error) {
 		alert(textStatus + ": " + error);
 	};
@@ -265,5 +282,11 @@ var PetsView = (function() {
 		addRowListeners(pet);
 	};
 	
+	var appendToTablePetsPerson = function(pet) {
+		$(listQuery + ' > tbody:last')
+			.append(createPetRowPetsPerson(pet));
+		addRowListeners(pet);
+	};
+	
 	return PetsView;
 })();