Json Data Mapping

by Dhruvang Gajjar

HTML

<div id="result"></div>

JavaScript

var apiData = [{
  "customer_id": "22",
  "trader_id": "99",
  "first_name": "spicy",
  "last_name": "customer",
  "email": "[email protected]",
  "phone": "1234567489",
  "last_invoice_date": "0000-00-00 00:00:00",
  "is_active": "active",
  "email_opt": "0",
  "last_reminder_sent_date": null,
  "upcoming_reminder_date": "0000-00-00 00:00:00",
  "sync_to_main": "no",
  "created_date": "2019-07-10 12:17:12",
  "updated_date": null
}, {
  "customer_id": "46",
  "trader_id": "99",
  "first_name": "janny",
  "last_name": "dsoza",
  "email": "[email protected]",
  "phone": "69839845648",
  "last_invoice_date": "2017-08-07 00:00:00",
  "is_active": "active",
  "email_opt": "0",
  "last_reminder_sent_date": null,
  "upcoming_reminder_date": "2018-02-07 00:00:00",
  "sync_to_main": "no",
  "created_date": "2019-07-10 13:36:44",
  "updated_date": null
}, {
  "customer_id": "24",
  "trader_id": "99",
  "first_name": "vraj",
  "last_name": "shah",
  "email": "[email protected]",
  "phone": "8798708787",
  "last_invoice_date": "2018-07-09 00:00:00",
  "is_active": "active",
  "email_opt": "0",
  "last_reminder_sent_date": null,
  "upcoming_reminder_date": "0000-00-00 00:00:00",
  "sync_to_main": "no",
  "created_date": "2019-07-10 12:33:54",
  "updated_date": null
}, {
  "customer_id": "47",
  "trader_id": "99",
  "first_name": "charlly",
  "last_name": "champion",
  "email": "[email protected]",
  "phone": "976413654",
  "last_invoice_date": "2019-07-09 00:00:00",
  "is_active": "active",
  "email_opt": "0",
  "last_reminder_sent_date": null,
  "upcoming_reminder_date": "2020-01-09 00:00:00",
  "sync_to_main": "no",
  "created_date": "2019-07-10 13:41:49",
  "updated_date": null
}, {
  "customer_id": "19",
  "trader_id": "99",
  "first_name": "data",
  "last_name": "fresh",
  "email": "[email protected]",
  "phone": "0321654987",
  "last_invoice_date": "2019-07-10 00:00:00",
  "is_active": "active",
  "email_opt": "0",
  "last_reminder_sent_date": null,
  "upcoming_reminder_date":...