JSFiddle - React, Tailwind, and code Playground

by ashok davuluri

HTML

<table id="list"></table>

CSS

.ui-datepicker { font-size: 76.39%; }

JavaScript

$(function () {
    "use strict";
    var serverResponse = [
        { SrNo: "1",	 JobName: "test1",	ServerName: "VMNWT100", Status: "Failed",LastRunTime:"",TestDateTime:"" },
        { SrNo: "2",	 JobName: "test2",	ServerName: "VMNWT101", Status: "Failed",LastRunTime:"",TestDateTime:"" },
        { SrNo: "3",	 JobName: "test3",	ServerName: "VMNWT102", Status: "Failed",LastRunTime:"",TestDateTime:"" },
        { SrNo: "4",	 JobName: "test4",	ServerName: "VMNWT103", Status: "Failed",LastRunTime:"",TestDateTime:"" },
        { SrNo: "5",	 JobName: "test5",	ServerName: "VMNWT104", Status: "Failed",LastRunTime:"",TestDateTime:"" },
        { SrNo: "6",	 JobName: "test6",	ServerName: "VMNWT105", Status: "Failed",LastRunTime:"",TestDateTime:"" },
        { SrNo: "7",	 JobName: "test7",	ServerName: "VMNWT106", Status: "Failed",LastRunTime:"",TestDateTime:"" },
        { SrNo: "8",	 JobName: "test8",	ServerName: "VMNWT107", Status: "Failed",LastRunTime:"",TestDateTime:"" },
        { SrNo: "9",	 JobName: "test9",	ServerName: "VMNWT108", Status: "Failed",LastRunTime:"",TestDateTime:"" },
        { SrNo: "10",	 JobName: "test10",	ServerName: "VMNWT109", Status: "Failed",LastRunTime:"",TestDateTime:"" },
        
        { id: "20",	 invdate: "/Date(1485158400000)/", name: "test2",	note: "note2",	amount: "300.00", tax: "20.00", closed: false, ship_via: "FE", total: "320.00" },
        { id: "30",	 invdate: "/Date(1485158400000)/", name: "test3",	note: "note3",	amount: "400.00", tax: "30.00", closed: false, ship_via: "FE", total: "430.00" },
        { id: "40",	 invdate: "/Date(1485158400000)/", name: "test4 test4 test4",	note: "note4",	amount: "200.00", tax: "10.00", closed: true,  ship_via: "TN", total: "210.00" },
        { id: "50",	 invdate: "/Date(1485158400000)/", name: "test5",	note: "note5",	amount: "300.00", tax: "20.00", closed: false, ship_via: "FE", total: "320.00" },
        { id: "60",	 invdate: "/Date(1485158400000)/", name: "test6",	note: "note6",	amount:...