tsv to editable html table

5 years ago · 2506639b46
parent 03c56fe309
commit 2506639b46
1 changed files with 35 additions and 26 deletions
--- a/ner.ed.html
+++ b/ner.ed.html
@ -3,17 +3,18 @@
 <head>
 	<meta charset="UTF-8">
 	<title>ner.ed</title>
-	<script type="text/javascript" src="https://unpkg.com/papaparse@latest/papaparse.min.js"></script>
-	<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
+	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.0.1/papaparse.js"></script>
+	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
 	<style>
 		body{font-family:Courier;font-size:24px}
-		th{}
-		tr{}
 	</style>
 </head>
 <body>
-	<strong>ner.ed | simple editor for named entity recognition TSV</strong><br><br>
-	<div id="table"></div>
+	<strong>ner.ed</strong><br><br>
+	<table id="results">
+		<tbody></tbody>
+	</table>
+
 	<script>
 		var data;

@ -29,11 +30,19 @@
 		        complete: function(results) {
 		            console.log(results);
 		            data = results;
+		            $.each(results.data, function(i, el) {
+		            	var row = $("<tr/>");
+		            	row.append($("<td/>").text(i));
+		            	$.each(el, function(i, cell) {
+		            		row.append($("<td/>").text(cell));
+		            	});
+		            	$("#table tbody").append(row);
+		            });
 		        }
 		    });
 		}

-	  $(document).ready(function(){
+		$(document).ready(function() {
 		    $("#tsv-file").change(handleFileSelect);
 		});
 	</script>