JSFiddle - React, Tailwind, and code Playground

by Yuriy Bablyukh

JavaScript

const test = [
  {
    "product_id": 583,
    "name": "5.30Ct Emerald studs",
    "supplier_code": "E279E",
    "currency": "USD",
    "msrp": "",
    "quoted_price": 35,
    "quoted_price_2": "",
    "quote_fix": 18,
    "quote_fix_2": "",
    "image_file_1": "10/583/583-530ctemeraldstuds-emerald-ear_fitting_pin_post-silver-img1",
    "metal_1_type": "silver",
    "metal_2_type": "",
    "metal_2_title": "",
    "metal_2_loss": "",
    "gold_colour_1": "",
    "nickel_content_1": "",
    "gold_colour_2": "",
    "nickel_content_2": "",
    "gold_colour_3": "",
    "nickel_content_3": "",
    "vt1_metal_title": 925,
    "vt1_loss": 0.075,
    "vt1_metal_title_inc_loss": 925.6942707030273,
    "vt1_moq": 30,
    "vt1_options": "0mm, 1.9000g, 2.9600g, 35.000",
    "vt1_unit_of_measure": "total drop",
    "vt1_quoted_size_mm": 0,
    "category": "earrings",
    "sub_category_1": "",
    "sub_category_2": "",
    "sub_category_3": "",
    "sub_category_4": "",
    "sell_method": "fixed - with metal lock",
    "finding_1_category": "ear fitting - pin & post",
    "stone_1_category": "gemstone",
    "stone_1_type": "emerald",
    "stone_1_shape": "oval",
    "stone_1_cut": "faceted",
    "stone_1_grade": "AA",
    "stone_1_colour": "brazilian green",
    "stone_1_treatment": "oiled",
    "stone_1_certificate": "none",
    "stone_1_origin": "Brazil",
    "stone_1_size": "10x8",
    "stone_1_calculation": "per carat",
    "stone_1_price": 5.3,
    "stone_1_qty": 2,
    "stone_1_carat_weight": 2.65,
    "stone_1_reference": "",
    "stone_1_centre_stone": "",
    "stone_2_category": "",
    "stone_2_type": "",
    "stone_2_shape": "",
    "stone_2_cut": "",
    "stone_2_grade": "",
    "stone_2_colour": "",
    "stone_2_treatment": "",
    "stone_2_certificate": "",
    "stone_2_origin": "",
    "stone_2_size": "",
    "stone_2_calculation": "",
    "stone_2_price": "",
    "stone_2_qty": "",
    "stone_2_carat_weight": "",
    "stone_2_reference": "",
   ...