JSFiddle - React, Tailwind, and code Playground

by codething

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css">
<div id="container">
  
</div>

JavaScript

var data = {  
   "driver_data":[  
      {  
         "tripId":885,
         "creationDate":"2018-09-18",
         "accDestLocation":"CASA RIO Club House, Oceania Internal Road, Nilje Gaon, Maharashtra, India",
         "accDestGeoLat":"19.1481581",
         "accDestGeoLong":"73.07762149999996",
         "accEndTime":1537277407813,
         "accScrLocation":"RCP GATE A OFFICE, Reliance Corporate Park, MIDC Industrial Area, Ghansoli, Navi Mumbai, Maharashtra, India",
         "accSrcGeoLat":"19.1268537",
         "accSrcGeoLong":"73.00511699999993",
         "accStartTime":1537277407813,
         "tripStatus":"COMPLETED",
         "createdBy":"SYSTEM",
         "bookedSeats":0,
         "employeeid":"P10062044",
         "employeename":"Venkat Chepuri",
         "vehicleno":"MH09CQ7778",
         "vehiclecolor":"silver",
         "vehicletype":"OWN CAR",
         "vehiclemake":"hondacity",
         "srclocation":"RCP GATE A OFFICE, Reliance Corporate Park, MIDC Industrial Area, Ghansoli, Navi Mumbai, Maharashtra, India",
         "srclat":"19.1268537",
         "srclong":"73.00511699999993",
         "starttime":"2018-09-18T13:30:07.813Z",
         "destlocation":"CASA RIO Club House, Oceania Internal Road, Nilje Gaon, Maharashtra, India",
         "destlat":"19.1481581",
         "destlong":"73.07762149999996",
         "seatcount":1,
         "mobilenumber":"+917977589953",
         "email":"Venkat.Chepuri@ril.com",
         "routeid":0,
         "distance":14.3,
         "passenger_data":[  
            {  
               "tripId":1015,
               "creationDate":"2018-09-18",
               "tripStatus":"CANCELLED",
               "createdBy":"SYSTEM",
               "endTime":"2018-09-18T13:21:24.882Z",
               "employeeid":"P10060725",
               "employeename":"Siva Juturi",
               "seatcount":1,
               "starttime":"2018-09-18T13:30:36.394Z",
               "mobilenumber":"+917977526935",
              ...