JSFiddle - React, Tailwind, and code Playground

by dirkk0

HTML

<textarea>Jess,Female,04/26/1990,North Central College,Aix,Spring 2012,WebApp,
    MC,Female,04/27/1991,Carnegie Mellon University,Aix,Spring 2012,WebApp,
    Sharon,Female,04/03/1967,Hobart and William Smith Colleges,Aix,Spring 2012,WebApp,
    Nancy,Female,08/15/1989,The New School,Aix,Spring 2011,WebApp,
    Jacqueline,Female,03/18/1991,University of South Carolina,Aix,Spring 2011,WebApp,
    Sydney,Female,12/11/1990,University of Vermont,Aix,Spring 2011,WebApp,
    Kelsey,Female,12/08/1989,University of Vermont,Aix,Spring 2011,WebApp,
    Oktavia,Female,11/05/1990,SUNY - Albany,Aix,Spring 2011,WebApp,
    Courtney,Female,12/02/1988,Ithaca College,Aix,Spring 2009,WebApp,
    Nike,Female,24.2.1989,Appleby College,Aix,Spring 2008,WebApp,
    Linda,Female,8/26/1964,Kalamazoo College,Aix,Spring 2009,WebApp,
    Allison,Female,12/15/1976,University of San Diego,Aix,Spring 2009,WebApp,
    Carmen,Female,02/07/1988,Carnegie Mellon University,Aix,Spring 2008,WebApp,
    Nora,Female,10/23/88,Eastern Washington University,Aix,Spring 2009,WebApp,
    Jennifer,Female,10/27/79,University of Kansas,Aix,Spring 2009,WebApp,</textarea>

CSS

td { border : thin black solid; }

JavaScript

var data = $("textarea").val();
var lines = data.split("\n"),
    output = [],
    i;
for (i = 0; i < lines.length; i++)
    output.push("<tr><td>" + lines[i].slice(0,-1).split(",").join("</td><td>") + "</td></tr>");
output = "<table>" + output.join("") + "</table>";
$("body").append(output);