JSFiddle - React, Tailwind, and code Playground

by Devidas Kadam

JavaScript

var Req = [
      { "key": "a_type", "title": "Gold Color", "values": ["yellow", "red", "rose", "green"] }
,{ "key": "a_karatage", "title": "Gold karatage", "values": ["18", "22", "24", "22(99)"] }
    , { "key": "b_type", "title": "Gold karatage", "values": ["XYZ", "LMN", "QPR", "STV"] }
  ];

  a = [
    { "a_type": "yellow", "a_karatage": "18", "b_type": "XYZ", },
    { "a_type": "yellow", "a_karatage": "22", "b_type": "XYZ", },
    { "a_type": "yellow", "a_karatage": "24" },
    { "a_type": "yellow", "a_karatage": "24(99)" },
    { "a_type": "red", "a_karatage": "18" },
    { "a_type": "red", "a_karatage": "22" },
    { "a_type": "red", "a_karatage": "24" },
    { "a_type": "red", "a_karatage": "24(99)" }];