{"product_id":"copper-connectors-with-solid-barrier","title":"Copper Connectors With Solid Barrier","description":"\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eSearchable Table\u003c\/title\u003e\n    \u003cstyle\u003e\n    \/* General Styles *\/\n    table {\n        border-collapse: collapse;\n        width: 100%;\n        margin-top: 10px;\n        table-layout: fixed; \/* Enable fixed table layout *\/\n    }\n\n    th, td {\n        border: 1px solid black;\n        padding: 8px;\n        text-align: center;\n    }\n\n    th {\n        background-color: #3f4998;\n        color: white;\n    }\n\n    tr:hover {\n        background-color: #f2f2f2;\n    }\n\n    #searchBox {\n        margin-bottom: 10px;\n        padding: 8px;\n        width: 100%;\n        font-size: 16px;\n        box-sizing: border-box;\n    }\n\n    td:nth-child(7) {\n        background-color: #d9edf7;\n    }\n\n    tbody tr:hover td:nth-child(7) {\n        background-color: #c7dbee;\n    }\n\n    \/* Container for the table to enable horizontal scrolling *\/\n    .table-container {\n        overflow-x: auto;\n    }\n\n    \/* Media Queries for Mobile View *\/\n    @media (max-width: 600px) {\n        th, td {\n            padding: 6px;\n            font-size: 14px;\n        }\n\n        #searchBox {\n            font-size: 14px;\n        }\n\n        .table-container {\n            width: 100%;\n            overflow-x: auto;\n        }\n\n        table {\n            width: max-content; \/* Allow table to expand beyond viewport width *\/\n        }\n    }\n\u003c\/style\u003e\n\n\n\u003c!--     \u003ch1\u003eSearchable Table\u003c\/h1\u003e --\u003e\n    \u003cinput type=\"text\" id=\"searchBox\" placeholder=\"Search Cable mm²...\" onkeyup=\"filterTable()\"\u003e\n\n    \u003ctable id=\"dataTable\"\u003e\n        \u003cthead\u003e\n            \u003ctr\u003e\n                \u003cth rowspan=\"2\" style=\"width: 20%;\"\u003eCable mm²\u003c\/th\u003e\n                \u003cth colspan=\"5\" style=\"width: 60%;\"\u003eDimensions\u003c\/th\u003e\n                \u003cth rowspan=\"2\" style=\"width: 20%;\"\u003eProduct Code\u003c\/th\u003e\n            \u003c\/tr\u003e\n           \n           \u003ctr\u003e\n             \u003cth\u003eA\u003c\/th\u003e\n             \u003cth\u003eC\u003c\/th\u003e\n             \u003cth\u003eB\u003c\/th\u003e\n             \u003cth\u003eJ\u003c\/th\u003e\n             \u003cth\u003eS\u003c\/th\u003e\n           \u003c\/tr\u003e\n           \n           \n        \u003c\/thead\u003e\n        \u003ctbody\u003e\n \u003ctr\u003e\n        \u003ctd\u003e16\u003c\/td\u003e\n        \u003ctd\u003e5.5\u003c\/td\u003e\n        \u003ctd\u003e7.5\u003c\/td\u003e\n        \u003ctd\u003e22.5\u003c\/td\u003e\n        \u003ctd\u003e47\u003c\/td\u003e\n        \u003ctd\u003e2\u003c\/td\u003e\n        \u003ctd\u003eHS 16\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n        \u003ctd\u003e25\u003c\/td\u003e\n        \u003ctd\u003e7\u003c\/td\u003e\n        \u003ctd\u003e10\u003c\/td\u003e\n        \u003ctd\u003e22.5\u003c\/td\u003e\n        \u003ctd\u003e47\u003c\/td\u003e\n        \u003ctd\u003e2\u003c\/td\u003e\n        \u003ctd\u003eHS 25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n        \u003ctd\u003e35\u003c\/td\u003e\n        \u003ctd\u003e8.2\u003c\/td\u003e\n        \u003ctd\u003e11\u003c\/td\u003e\n        \u003ctd\u003e22.5\u003c\/td\u003e\n        \u003ctd\u003e47\u003c\/td\u003e\n        \u003ctd\u003e2\u003c\/td\u003e\n        \u003ctd\u003eHS 35\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n        \u003ctd\u003e50\u003c\/td\u003e\n        \u003ctd\u003e9.5\u003c\/td\u003e\n        \u003ctd\u003e13\u003c\/td\u003e\n        \u003ctd\u003e25\u003c\/td\u003e\n        \u003ctd\u003e53\u003c\/td\u003e\n        \u003ctd\u003e3\u003c\/td\u003e\n        \u003ctd\u003eHS 50\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n        \u003ctd\u003e70\u003c\/td\u003e\n        \u003ctd\u003e11.5\u003c\/td\u003e\n        \u003ctd\u003e15\u003c\/td\u003e\n        \u003ctd\u003e25\u003c\/td\u003e\n        \u003ctd\u003e53\u003c\/td\u003e\n        \u003ctd\u003e3\u003c\/td\u003e\n        \u003ctd\u003eHS 70\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n        \u003ctd\u003e95\u003c\/td\u003e\n        \u003ctd\u003e13.5\u003c\/td\u003e\n        \u003ctd\u003e17.5\u003c\/td\u003e\n        \u003ctd\u003e25\u003c\/td\u003e\n        \u003ctd\u003e53\u003c\/td\u003e\n        \u003ctd\u003e3\u003c\/td\u003e\n        \u003ctd\u003eHS 95\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n        \u003ctd\u003e120\u003c\/td\u003e\n        \u003ctd\u003e15.5\u003c\/td\u003e\n        \u003ctd\u003e20\u003c\/td\u003e\n        \u003ctd\u003e30\u003c\/td\u003e\n        \u003ctd\u003e53\u003c\/td\u003e\n        \u003ctd\u003e3\u003c\/td\u003e\n        \u003ctd\u003eHS 120\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n        \u003ctd\u003e150\u003c\/td\u003e\n        \u003ctd\u003e17\u003c\/td\u003e\n        \u003ctd\u003e22\u003c\/td\u003e\n        \u003ctd\u003e35\u003c\/td\u003e\n        \u003ctd\u003e53\u003c\/td\u003e\n        \u003ctd\u003e3\u003c\/td\u003e\n        \u003ctd\u003eHS 150\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n        \u003ctd\u003e185\u003c\/td\u003e\n        \u003ctd\u003e19\u003c\/td\u003e\n        \u003ctd\u003e24\u003c\/td\u003e\n        \u003ctd\u003e40\u003c\/td\u003e\n        \u003ctd\u003e84\u003c\/td\u003e\n        \u003ctd\u003e4\u003c\/td\u003e\n        \u003ctd\u003eHS 185\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n        \u003ctd\u003e240\u003c\/td\u003e\n        \u003ctd\u003e21\u003c\/td\u003e\n        \u003ctd\u003e26\u003c\/td\u003e\n        \u003ctd\u003e43\u003c\/td\u003e\n        \u003ctd\u003e90\u003c\/td\u003e\n        \u003ctd\u003e4\u003c\/td\u003e\n        \u003ctd\u003eHS 240\u003c\/td\u003e\n\u003c\/tr\u003e\n\n        \u003c\/tbody\u003e\n    \u003c\/table\u003e\n\n    \u003cscript\u003e\n       function filterTable() {\n  \/\/ Get the input value\n  const searchInput = document.getElementById('searchBox').value.toLowerCase();\n  const table = document.getElementById('dataTable');\n  const rows = table.getElementsByTagName('tr');\n  let found = false;\n\n  \/\/ Loop through all table rows (excluding the header rows)\n  for (let i = 1; i \u003c rows.length; i++) {\n    const cableCell = rows[i].getElementsByTagName('td')[0]; \/\/ Cable mm² column\n    if (cableCell) {\n      const cableText = cableCell.textContent || cableCell.innerText;\n      \/\/ Check if the search value matches the Cable mm²\n      if (cableText.toLowerCase().includes(searchInput)) {\n        rows[i].style.display = ''; \/\/ Show row if it matches\n        found = true;\n      } else {\n        rows[i].style.display = 'none'; \/\/ Hide row if it doesn't match\n      }\n    }\n  }\n\n  \/\/ Check if any rows were found and display the message if not\n  const noDataMessage = document.getElementById('noDataMessage');\n  if (!found) {\n    if (!noDataMessage) {\n      const message = document.createElement('p');\n      message.id = 'noDataMessage';\n      message.style.color = 'red';\n      message.textContent = 'No wire size available';\n      document.body.appendChild(message);\n    }\n  } else {\n    if (noDataMessage) {\n      noDataMessage.remove();\n    }\n  }\n}\n\n    \u003c\/script\u003e\n\n","brand":"Delta Al Raqiya","offers":[{"title":"HS 16","offer_id":49953965080898,"sku":null,"price":0.0,"currency_code":"SAR","in_stock":true},{"title":"HS 25","offer_id":49953965113666,"sku":null,"price":0.0,"currency_code":"SAR","in_stock":true},{"title":"HS 35","offer_id":49953965146434,"sku":null,"price":0.0,"currency_code":"SAR","in_stock":true},{"title":"HS 50","offer_id":49953965179202,"sku":null,"price":0.0,"currency_code":"SAR","in_stock":true},{"title":"HS 70","offer_id":49953965211970,"sku":null,"price":0.0,"currency_code":"SAR","in_stock":true},{"title":"HS 95","offer_id":49953965244738,"sku":null,"price":0.0,"currency_code":"SAR","in_stock":true},{"title":"HS 120","offer_id":49953965277506,"sku":null,"price":0.0,"currency_code":"SAR","in_stock":true},{"title":"HS 150","offer_id":49953965310274,"sku":null,"price":0.0,"currency_code":"SAR","in_stock":true},{"title":"HS 185","offer_id":49953965343042,"sku":null,"price":0.0,"currency_code":"SAR","in_stock":true},{"title":"HS 240","offer_id":49953965375810,"sku":null,"price":0.0,"currency_code":"SAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0903\/6274\/1058\/files\/pixelcut-export_1.png?v=1739947150","url":"https:\/\/www.deltaraqiya.com\/ar\/products\/copper-connectors-with-solid-barrier","provider":"Delta Al Raqiya","version":"1.0","type":"link"}