Index: WebContent/index.html
===================================================================
--- WebContent/index.html	(revision 36a8003ae27051c602a9fc5e7aa859c51c77e69e)
+++ WebContent/index.html	(revision 1cd3990de51c7e2a5afa186dd061372775aecf53)
@@ -4,17 +4,27 @@
     <head> <!--Inicio del head  -->
         <meta charset="UTF-8"/>
-        <title>Portal de verificación y firma electrónica</title>
         <link href="bootstrap.min.css" rel="stylesheet">
+        <link rel="stylesheet" type="text/css" href="css/dataTables.bootstrap.css">
+        <link rel="stylesheet" type="text/css" href="css/font-awesome.css">
+        
+        <script type="text/javascript" src="jquery.min.js"></script>
+        <script type="text/javascript" src="js/jquery.dataTables.min.js"></script>
+        <script type="text/javascript" src="js/dataTables.bootstrap.js"></script>
+        <script src="bootstrap.min.js" type="text/javascript"></script>
+       
         <link href="css/fileinput.css" media="all" rel="stylesheet" type="text/css" />
-        <script src="jquery.min.js"></script>
-        <script src="js/fileinput.js" type="text/javascript"></script>
-        <script src="bootstrap.min.js" type="text/javascript"></script>
-        <script src="jquery.form.js"></script> 
+        <script src="js/jquery.form.js" type="text/javascript"></script>
+        <script src="js/fileinput.js" type="text/javascript"></script> 
+        <script type="text/javascript" src="gitversion.js"></script>
+        <script type="text/javascript" src="hwcrypto-legacy.js"></script>
+        <script type="text/javascript" src="hwcrypto.js"></script>
+        <script type="text/javascript" src="hex2base.js"></script>
         
-        <script src="gitversion.js"></script>
-  		<script src="hwcrypto-legacy.js"></script>
-  		<script src="hwcrypto.js"></script>
-  		<script src="jquery.js"></script>
-  		<script src="hex2base.js"></script>
+        <script type="text/javascript" charset="utf-8">
+            $(document).ready(function() {
+                $('table.display').dataTable();
+            } );
+        </script>
+
         
 	</head> <!--fin del head  -->
@@ -394,4 +404,5 @@
 						alert("ver respuesta")
 						document.getElementById("respuestaVerificacion").innerHTML = html;
+						$('table.display').dataTable();
             	    },
              		error: function(response) {
@@ -440,19 +451,15 @@
 			var signatures = ''; //variable que maneja las firmas
 			var fields = ''; //variable que maneja los campos de la firma
-			var title = '<h2>Información</h2> \n <p>Información de la firma electronica \n';
-			var head = '<div class=\'container\'> \n <div class=\'table-responsive\'> \n <table id=\'example\' class=\'table table-bordered\' data-height=\'299\' > \n <thead> \n <tr>\n <th>#</th>\n <th>Campo</th>\n <th>Descripción</th> \n </tr>\n </thead>\n <tbody>\n';
+			var title = '<h2> Información de la firma electronica </h2> \n ';
+			var head = '<div class=\'container\'> \n <table id=\' \' class=\'display table table-striped table-bordered\' cellspacing=\'0\' width=\'100%\' > \n <thead> \n <tr>\n <th>#</th>\n <th>Campo</th>\n <th>Descripción</th> \n </tr>\n </thead>\n <tbody> \n';
 			var footer = '</tbody> \n </table> \n </div> \n </div>';
-			var html = title + head;
+			var html = title;
 			var numsign = 0; 
 				
 			$.each(objVarVerifique, function(idx, obj) {
-				if(idx == "fileExist"){
-					html += '<tr>\n<td>1</td>\n<td>' + ' El archivo se cargo exitosamente del servidor ' + '</td>\n<td>' + obj +' </td>\n</tr>\n';
-					}
 					
 				if(idx == "numberOfSignatures"){
 					numsign = obj;
-					html += '<tr>\n<td>2</td>\n<td>' + ' Número de firmas existentes en el archivo ' + '</td>\n<td>' + obj +' </td>\n</tr>\n';
-					html += footer + head; 
+					html += '<h4>' + fielJsonEs[idx] + ': ' + obj +' </h4>\n <br><br>';
 					}
 					
@@ -467,4 +474,6 @@
 		
 				$.each(signatures, function(idx, obj) {	
+					html += '<h4> Información de la firma: '+contsing+'<h4> \n';
+					html += head;
 					var contfiels = 1; // variable que indica el campo de la firma
 					fields = obj; // variable que almacena los campos de la firma
@@ -474,8 +483,9 @@
 					});
 					contsing++;
-					if(contsing>numsign) html += footer;
-					else html += footer + head				
+					html += footer;
+					//if(contsing>numsign) html += footer;
+					//else html += footer + head				
 				});
-				html += footer;
+				//html += footer;
 				return(html);
             }
