{"id":3504,"date":"2025-09-13T07:36:45","date_gmt":"2025-09-13T07:36:45","guid":{"rendered":"https:\/\/metone.uz\/?page_id=3504"},"modified":"2025-09-13T13:33:04","modified_gmt":"2025-09-13T13:33:04","slug":"katankalar","status":"publish","type":"page","link":"https:\/\/metone.uz\/ru\/katankalar\/","title":{"rendered":"\u041a\u0430\u0442\u0430\u043d\u043a\u0430"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n \r\n \r\n \r\n Armatura jadvali<\/title>\r\n <link\r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&display=swap\"\r\n rel=\"stylesheet\"\r\n \/>\r\n <style>\r\n :root {\r\n --header-bg: #0b243a;\r\n \/* header background like image *\/\r\n --header-color: #fff;\r\n --accent: #2b8cff;\r\n \/* selected cell color *\/\r\n --muted: #6b6b6b;\r\n --row-bg: #ffffff;\r\n --stripe: #fafafa;\r\n --border: #e6e9eb;\r\n --radius: 6px;\r\n }\r\n\r\n body {\r\n background: #f4f6f7;\r\n color: #222;\r\n line-height: 1.35;\r\n }\r\n\r\n .card {\r\n background: white;\r\n border-radius: var(--radius);\r\n box-shadow: 0 6px 20px rgba(20, 30, 40, 0.06);\r\n overflow: hidden;\r\n border: 1px solid var(--border);\r\n }\r\n\r\n .table-wrap {\r\n width: 100%;\r\n overflow: auto;\r\n \/* allow horizontal scroll on small screens *\/\r\n }\r\n\r\n table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n min-width: 760px;\r\n \/* keep layout stable *\/\r\n }\r\n\r\n \/* ham th, ham td uchun chegara (gorizontal + vertikal) *\/\r\n thead th,\r\n tbody td {\r\n border: 1px solid var(--border);\r\n }\r\n\r\n thead th {\r\n position: sticky;\r\n top: 0;\r\n background: var(--header-bg);\r\n color: var(--header-color);\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.6px;\r\n font-size: 14px;\r\n padding: 18px 22px;\r\n text-align: left;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.06);\r\n }\r\n\r\n thead th.center {\r\n text-align: center;\r\n }\r\n\r\n tbody td {\r\n padding: 20px 22px;\r\n border-bottom: 1px solid var(--border);\r\n vertical-align: middle;\r\n color: var(--muted);\r\n font-size: 15px;\r\n }\r\n\r\n tbody tr:nth-child(even) td {\r\n background: var(--stripe);\r\n }\r\n\r\n td.name {\r\n font-weight: 600;\r\n color: #3b3f46;\r\n }\r\n\r\n td.small {\r\n width: 100px;\r\n text-align: center;\r\n }\r\n\r\n td.center {\r\n text-align: center;\r\n }\r\n\r\n \/* highlighted numeric cell like your screenshot *\/\r\n td.highlight {\r\n background: var(--accent);\r\n color: #fff;\r\n font-weight: 700;\r\n display: inline-block;\r\n padding: 8px 12px;\r\n border-radius: 6px;\r\n min-width: 92px;\r\n text-align: center;\r\n }\r\n\r\n \/* responsive tweaks *\/\r\n @media (max-width: 820px) {\r\n thead th {\r\n padding: 12px 80px;\r\n font-size: 12px;\r\n }\r\n\r\n tbody td {\r\n padding: 12px;\r\n font-size: 14px;\r\n }\r\n\r\n .card {\r\n padding: 6px;\r\n }\r\n }\r\n\r\n \/* small visual helper: right-align numbers *\/\r\n .num {\r\n text-align: right;\r\n font-variant-numeric: tabular-nums;\r\n }\r\n <\/style>\r\n <\/head>\r\n\r\n <body>\r\n <div style=\"max-width: 1280px; margin: 0 auto\">\r\n <div class=\"card\">\r\n <div class=\"table-wrap\">\r\n <table aria-label=\"Armatura jadvali\">\r\n <thead>\r\n <tr>\r\n <th>\u0422\u043e\u0432\u0430\u0440<\/th>\r\n <th class=\"center\">\u0422\u043e\u043b\u0449\u0438\u043d\u0430<\/th>\r\n <th class=\"center\">\u0414\u043b\u0438\u043d\u0430<\/th>\r\n <\/tr>\r\n <\/thead>\r\n\r\n <tbody id=\"table-body\">\r\n <!-- Sample rows: numeric values stored raw in data-value attributes -->\r\n <tr>\r\n <td class=\"name\">\u0421\u0418\u041c (5,5-5,8) NM3<\/td>\r\n <td class=\"center\"><\/td>\r\n <td class=\"center\">100<\/td>\r\n <\/tr>\r\n\r\n <tr>\r\n <td class=\"name\">\u0421\u0418\u041c (6,5) NM3<\/td>\r\n <td class=\"center\">3846<\/td>\r\n <td class=\"center\">100<\/td>\r\n <\/tr>\r\n\r\n <tr>\r\n <td class=\"name\">\u0421\u0418\u041c (5,5-5,8) NM3<\/td>\r\n <td class=\"center\">2531<\/td>\r\n <td class=\"center\">100<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <script>\r\n \/\/ Format numbers as \"1 783,84\" (space thousands, comma decimal)\r\n function formatNumberRU(value) {\r\n if (value === null || value === undefined || isNaN(value)) return \"\";\r\n \/\/ Ensure number with two decimals\r\n const fixed = Number(value).toFixed(2); \/\/ \"1783.84\"\r\n const parts = fixed.split(\".\");\r\n const intPart = parts[0];\r\n const decPart = parts[1];\r\n \/\/ add spaces as thousands separators\r\n \/\/ use regex to insert spaces from right\r\n const withSpaces = intPart.replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \" \");\r\n return withSpaces + \",\" + decPart;\r\n }\r\n\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n document.querySelectorAll(\"td.num\").forEach((td) => {\r\n const raw = td.getAttribute(\"data-value\");\r\n const n = raw === null ? \"\" : Number(raw);\r\n const formatted =\r\n raw !== null && !isNaN(n) ? formatNumberRU(n) : raw || \"\";\r\n \/\/ put formatted inside a span; mimic highlight for the first row example\r\n const span = document.createElement(\"span\");\r\n span.textContent = formatted;\r\n if (td.parentElement.rowIndex === 1) {\r\n \/\/ first data row -> highlight like example\r\n span.className = \"highlight\";\r\n }\r\n td.appendChild(span);\r\n });\r\n });\r\n <\/script>\r\n <\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1bba28f e-flex e-con-boxed e-con e-parent\" data-id=\"1bba28f\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-937cc72 e-con-full e-flex e-con e-child\" data-id=\"937cc72\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc7e52a elementor-widget elementor-widget-image\" data-id=\"dc7e52a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"3840\" height=\"2880\" src=\"https:\/\/metone.uz\/wp-content\/uploads\/2025\/09\/Untitled-design-1-1.png\" class=\"attachment-full size-full wp-image-3401\" alt=\"\" srcset=\"https:\/\/metone.uz\/wp-content\/uploads\/2025\/09\/Untitled-design-1-1.png 3840w, https:\/\/metone.uz\/wp-content\/uploads\/2025\/09\/Untitled-design-1-1-300x225.png 300w, https:\/\/metone.uz\/wp-content\/uploads\/2025\/09\/Untitled-design-1-1-1024x768.png 1024w, https:\/\/metone.uz\/wp-content\/uploads\/2025\/09\/Untitled-design-1-1-768x576.png 768w, https:\/\/metone.uz\/wp-content\/uploads\/2025\/09\/Untitled-design-1-1-1536x1152.png 1536w, https:\/\/metone.uz\/wp-content\/uploads\/2025\/09\/Untitled-design-1-1-2048x1536.png 2048w\" sizes=\"(max-width: 3840px) 100vw, 3840px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-14d204b e-con-full e-flex e-con e-child\" data-id=\"14d204b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c1892e1 elementor-widget-tablet__width-inherit elementor-widget elementor-widget-heading\" data-id=\"c1892e1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 \u0440\u0430\u0441\u0447\u0451\u0442 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u0438 \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u0437\u0430\u043a\u0430\u0437\u0430<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4254012 elementor-widget elementor-widget-text-editor\" data-id=\"4254012\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"150\" data-end=\"350\">\u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u0432\u0435\u0441 \u0438 \u0432\u0438\u0434 \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u0438 \u2014 \u043c\u044b \u043e\u043f\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u043e \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u043c \u0434\u043b\u044f \u0432\u0430\u0441 \u0442\u043e\u0447\u043d\u044b\u0439 \u0440\u0430\u0441\u0447\u0451\u0442 \u0441 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u044b\u043c \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435\u043c \u0432\u0441\u0435\u0445 \u0440\u0430\u0441\u0445\u043e\u0434\u043e\u0432. \u041f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e, \u043f\u043e\u043d\u044f\u0442\u043d\u043e \u0438 \u0431\u0435\u0437 \u0441\u043a\u0440\u044b\u0442\u044b\u0445 \u043f\u043b\u0430\u0442\u0435\u0436\u0435\u0439.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a1cc33 elementor-widget elementor-widget-shortcode\" data-id=\"1a1cc33\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f318-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"318\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/ru\/wp-json\/wp\/v2\/pages\/3504#wpcf7-f318-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\" data-trp-original-action=\"\/ru\/wp-json\/wp\/v2\/pages\/3504#wpcf7-f318-o1\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"318\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.1\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f318-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"forma\">\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0432\u0430\u0448\u0435 \u0438\u043c\u044f\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"\u0412\u0430\u0448 \u043d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430\" value=\"\" type=\"tel\" name=\"your-phone\" \/><\/span><br \/>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner button-light\" type=\"submit\" value=\"\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c\" \/>\n\t<\/p>\n<\/div><input type='hidden' class='wpcf7-pum' value='{\"closepopup\":false,\"closedelay\":0,\"openpopup\":false,\"openpopup_id\":0}' \/><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<input type=\"hidden\" name=\"trp-form-language\" value=\"ru\"\/><\/form>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Armatura jadvali Mahsulot Qalinligi Uzunligi SIM (5,5-5,8) NM3 100 SIM (6,5) NM3 3846 100 SIM (8) NM3 2531 100 Xarajatlaringizni aniqlab beramiz \u2013 mutlaqo bepul! Tanlayotgan mahsulotingiz og\u2018irligi va turiga qarab aniq hisob-kitob qilib, sizga xarajat tafsilotlarini taqdim etamiz.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3504","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/metone.uz\/ru\/wp-json\/wp\/v2\/pages\/3504","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/metone.uz\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/metone.uz\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/metone.uz\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/metone.uz\/ru\/wp-json\/wp\/v2\/comments?post=3504"}],"version-history":[{"count":4,"href":"https:\/\/metone.uz\/ru\/wp-json\/wp\/v2\/pages\/3504\/revisions"}],"predecessor-version":[{"id":3553,"href":"https:\/\/metone.uz\/ru\/wp-json\/wp\/v2\/pages\/3504\/revisions\/3553"}],"wp:attachment":[{"href":"https:\/\/metone.uz\/ru\/wp-json\/wp\/v2\/media?parent=3504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}