JSFiddle - React, Tailwind, and code Playground

by jeffgw

HTML

<table id="records">
<caption>All Employees</caption>
  <tr>
    <th>Last Name</th>
    <th>First Name</th>
    <th>Age</th>
    <th>Department</th>
  </tr>
</table>

JavaScript

$(function() {
	
var employees = 
[{firstName:"John", lastName:"Doe", age:52, department:"Sales"},
{firstName:"Mary", lastName:"Walker", age:27, department:"Sales"},
{firstName:"James", lastName:"Leech", age:25, department:"Technology"},
{firstName:"Claudia", lastName:"Russum", age:37, department:"Marketing"},
{firstName:"Steve", lastName:"Smith", age:35, department:"Accounting"}];

 $.each(employees, function(key) {
		
   var lastName = employees[key].lastName;
   var firstName = employees[key].firstName;
   var age = employees[key].age;
   var department = employees[key].department;
		
   $('#records').append('<tr><td>' + lastName + '</td><td>' + firstName + '</td><td>' + age + '</td><td>' + department + '</td></tr>');
	
  });

});