JSFiddle - React, Tailwind, and code Playground

by batcave

JavaScript

const responseData = { 'data': [{ 'id': 'Q20062', 'url': '/se/sv/utrustning/hydraulik/filter/tankmonterat-returfilter/utbytesfilter/p-q20062/', 'name': 'Hydraulfilter retur insats tankmonterat', 'description': null, 'information': 'Levereras utan o-ringar.', 'specification': { 'Specifikation': { 'Typ': 'Insatsfilter papper ' } }, 'items': [{ 'id': '557-OMTF12', 'specification': [['Diameter inre', '28,5 mm'], ['Diameter yttre', '70 mm'], ['Filtreringsgrad', '25 nom. my'], ['Filtreringsgrad 50%', '-'], ['Filtreringsgrad 99%', '-'], ['Flöde max', '100 l/min'], ['Höjd', '130 mm'], ['Passar till', '557-OMTF1220 '], ['Tryckfall', '0,25 bar']], 'stock': 37, 'url': '/se/sv/utrustning/hydraulik/filter/tankmonterat-returfilter/utbytesfilter/557-omtf12/Q20062', 'customerPrice': null, 'imageUrl': '/globalassets/pim/55/557-omtf12-returfilter.jpg', 'mediaAssetsUrl': ['/globalassets/pim/55/557-omtf12-returfilter.jpg'], 'isOrderItem': false, 'sortOrder': 0, 'selected': true }, { 'id': '557-OMTF15', 'specification': [['Diameter inre', '41 mm'], ['Diameter yttre', '99 mm'], ['Filtreringsgrad', '25 nom. my'], ['Filtreringsgrad 50%', '-'], ['Filtreringsgrad 99%', '-'], ['Flöde max', '214 l/min'], ['Höjd', '210 mm'], ['Passar till', '557-OMTF1520 '], ['Tryckfall', '0,15 bar']], 'stock': 8, 'url': '/se/sv/utrustning/hydraulik/filter/tankmonterat-returfilter/utbytesfilter/557-omtf15/Q20062', 'customerPrice': null, 'imageUrl': '/globalassets/pim/55/557-omtf12-returfilter.jpg', 'mediaAssetsUrl': ['/globalassets/pim/55/557-omtf12-returfilter.jpg'], 'isOrderItem': false, 'sortOrder': 0, 'selected': true }, { 'id': '557-OMTF4', 'specification': [['Diameter inre', '24 mm'], ['Diameter yttre', '50 mm'], ['Filtreringsgrad', '25 nom. my'], ['Filtreringsgrad 50%', '-'], ['Filtreringsgrad 99%', '-'], ['Flöde max', '40 l/min'], ['Höjd', '70 mm'], ['Passar till', '557-OMTF420 '], ['Tryckfall', '0,2 bar']], 'stock': 6, 'url':...