Data Prestasi Sederhana<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n },\n }\n }\n }\n <\/script>\n <style>\n \/* Mengatur agar tabel dapat discroll secara horizontal pada layar kecil *\/\n .table-container {\n overflow-x: auto;\n }\n \/* Styling untuk baris ganjil\/genap (untuk tampilan yang lebih bersih) *\/\n .data-row:nth-child(odd) {\n background-color: #fcfcfc; \/* Warna putih sangat ringan *\/\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-100 font-sans p-4 sm:p-8\">\n\n <div class=\"max-w-6xl mx-auto\">\n <header class=\"mb-6 border-b pb-4\">\n <h1 class=\"text-3xl font-extrabold text-gray-800\">Daftar Prestasi Siswa<\/h1>\n <p class=\"text-sm text-gray-500\">Tampilan sederhana yang berfokus pada data dan kemampuan sortir.<\/p>\n <\/header>\n\n \n <div class=\"bg-white rounded-lg shadow-md table-container\">\n <table class=\"min-w-full divide-y divide-gray-200\">\n <thead class=\"bg-gray-700\">\n <tr>\n \n <th class=\"px-4 py-3 text-left text-xs font-semibold text-white uppercase tracking-wider rounded-tl-lg cursor-pointer hover:bg-gray-600 transition\" onclick=\"sortData('NO')\">NO <span class=\"sort-icon\" id=\"sort-NO\">\u25b2<\/span><\/th>\n <th class=\"px-4 py-3 text-left text-xs font-semibold text-white uppercase tracking-wider cursor-pointer hover:bg-gray-600 transition\" onclick=\"sortData('NAMA_MURID')\">NAMA MURID <span class=\"sort-icon\" id=\"sort-NAMA_MURID\"><\/span><\/th>\n <th class=\"px-4 py-3 text-left text-xs font-semibold text-white uppercase tracking-wider cursor-pointer hover:bg-gray-600 transition\" onclick=\"sortData('NAMA_TIM')\">EKSTRAKURIKULER <span class=\"sort-icon\" id=\"sort-NAMA_TIM\"><\/span><\/th>\n <th class=\"px-4 py-3 text-left text-xs font-semibold text-white uppercase tracking-wider cursor-pointer hover:bg-gray-600 transition\" onclick=\"sortData('KELAS')\">KELAS <span class=\"sort-icon\" id=\"sort-KELAS\"><\/span><\/th>\n <th class=\"px-4 py-3 text-left text-xs font-semibold text-white uppercase tracking-wider cursor-pointer hover:bg-gray-600 transition\" onclick=\"sortData('NAMA_LOMBA')\">NAMA LOMBA <span class=\"sort-icon\" id=\"sort-NAMA_LOMBA\"><\/span><\/th>\n <th class=\"px-4 py-3 text-left text-xs font-semibold text-white uppercase tracking-wider cursor-pointer hover:bg-gray-600 transition\" onclick=\"sortData('PERINGKAT')\">PERINGKAT <span class=\"sort-icon\" id=\"sort-PERINGKAT\"><\/span><\/th>\n <th class=\"px-4 py-3 text-left text-xs font-semibold text-white uppercase tracking-wider rounded-tr-lg cursor-pointer hover:bg-gray-600 transition\" onclick=\"sortData('PENYELENGGARA')\">PENYELENGGARA <span class=\"sort-icon\" id=\"sort-PENYELENGGARA\"><\/span><\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"dataTable\" class=\"divide-y divide-gray-100\">\n \n <\/tbody>\n <\/table>\n <div id=\"noDataMessage\" class=\"hidden text-center p-8 text-gray-500\">\n Tidak ada data yang tersedia.\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Data mentah dari tabel yang Anda berikan\n const rawData = [\n { NO: 1, NAMA_MURID: \"Muhammad Fadhil\", NAMA_TIM: \"PMR\", KELAS: \"X-1\", NAMA_LOMBA: \"Lomba PMR Madya dan Wira Sejabodetabek Puisi\", PERINGKAT: \"Harapan 3\", PENYELENGGARA: \"PMI\" },\n { NO: 2, NAMA_MURID: \"Trizza Naufal\", NAMA_TIM: \"Taekwondo\", KELAS: \"XII-C\", NAMA_LOMBA: \"Piala Kemenpora\", PERINGKAT: \"Juara 2\", PENYELENGGARA: \"Kemenpora\" },\n { NO: 3, NAMA_MURID: \"Keane Kenneth K\", NAMA_TIM: \"Taekwondo\", KELAS: \"XII A-2\", NAMA_LOMBA: \"Kejuaraan Taekwondo Liga DKI\", PERINGKAT: \"Juara 2\", PENYELENGGARA: \"Liga DKI\" },\n { NO: 4, NAMA_MURID: \"Andini Bilqis\", NAMA_TIM: \"Pencak Silat\", KELAS: \"XI-2\", NAMA_LOMBA: \"Kejuaraan Pencak Silat\", PERINGKAT: \"Juara 1\", PENYELENGGARA: \"Panglima TNI\" },\n { NO: 5, NAMA_MURID: \"Kania\", NAMA_TIM: \"SAMAN\", KELAS: \"XI-2\", NAMA_LOMBA: \"Zelga Cup 93\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"SMAN 93\" },\n { NO: 6, NAMA_MURID: \"Aina Pritalani\", NAMA_TIM: \"SAMAN\", KELAS: \"XI-1\", NAMA_LOMBA: \"Zelga Cup 93\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"SMAN 93\" },\n { NO: 7, NAMA_MURID: \"Dhaniesa Zulaika\", NAMA_TIM: \"SAMAN\", KELAS: \"XI-3\", NAMA_LOMBA: \"Zelga Cup 93\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"SMAN 93\" },\n { NO: 8, NAMA_MURID: \"Khairunisa\", NAMA_TIM: \"SAMAN\", KELAS: \"XI-5\", NAMA_LOMBA: \"Zelga Cup 93\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"SMAN 93\" },\n { NO: 9, NAMA_MURID: \"Nayla Tsania Puji\", NAMA_TIM: \"SAMAN\", KELAS: \"XI-3\", NAMA_LOMBA: \"Zelga Cup 93\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"SMAN 93\" },\n { NO: 10, NAMA_MURID: \"Husna Khairunisa Nugraha\", NAMA_TIM: \"SAMAN\", KELAS: \"XI-2\", NAMA_LOMBA: \"Zelga Cup 93\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"SMAN 93\" },\n { NO: 11, NAMA_MURID: \"Aisya Putri Adiyanti\", NAMA_TIM: \"SAMAN\", KELAS: \"XI-1\", NAMA_LOMBA: \"Zelga Cup 93\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"SMAN 93\" },\n { NO: 12, NAMA_MURID: \"Gita Islammadina\", NAMA_TIM: \"SAMAN\", KELAS: \"XI-1\", NAMA_LOMBA: \"Zelga Cup 93\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"SMAN 93\" },\n { NO: 13, NAMA_MURID: \"Aliya Fakhira\", NAMA_TIM: \"SAMAN\", KELAS: \"XII A-1\", NAMA_LOMBA: \"Zelga Cup 93\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"SMAN 93\" },\n { NO: 14, NAMA_MURID: \"Devina Aurelia Fauziah\", NAMA_TIM: \"SAMAN\", KELAS: \"XII A-1\", NAMA_LOMBA: \"Zelga Cup 93\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"SMAN 93\" },\n { NO: 15, NAMA_MURID: \"Nadaa Maulida Bithia\", NAMA_TIM: \"SAMAN\", KELAS: \"XII B-1\", NAMA_LOMBA: \"Zelga Cup 93\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"SMAN 93\" },\n { NO: 16, NAMA_MURID: \"Naira Aura Adibah\", NAMA_TIM: \"SAMAN\", KELAS: \"XII B-1\", NAMA_LOMBA: \"Zelga Cup 93\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"SMAN 93\" },\n { NO: 17, NAMA_MURID: \"Aulia Unuraiman\", NAMA_TIM: \"SAMAN\", KELAS: \"XII B-2\", NAMA_LOMBA: \"Zelga Cup 93\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"SMAN 93\" },\n { NO: 18, NAMA_MURID: \"Syafrina Fariz Islamy\", NAMA_TIM: \"SAMAN\", KELAS: \"XII B-2\", NAMA_LOMBA: \"Zelga Cup 93\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"SMAN 93\" },\n { NO: 19, NAMA_MURID: \"Farhana Alawiyah H\", NAMA_TIM: \"SAMAN\", KELAS: \"XII A-2\", NAMA_LOMBA: \"Zelga Cup 93\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"SMAN 93\" },\n { NO: 20, NAMA_MURID: \"Syifa\", NAMA_TIM: \"SAMAN\", KELAS: \"XII B-2\", NAMA_LOMBA: \"Zelga Cup 93\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"SMAN 93\" },\n { NO: 21, NAMA_MURID: \"Aldreinne Dominique Naysha\", NAMA_TIM: \"Pencak Silat\", KELAS: \"X-2\", NAMA_LOMBA: \"Kejuaraan Pencak Silat Panglima TNI ke 79 Kategori Tanding\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"Panglima TNI \/ HUT TNI ke 79\" },\n { NO: 22, NAMA_MURID: \"Queen Sintia Al Malika\", NAMA_TIM: \"Pencak Silat\", KELAS: \"X-1\", NAMA_LOMBA: \"Kejuaraan Pencak Silat Panglima TNI ke 79 Kategori Tanding\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"Panglima TNI \/ HUT TNI ke 79\" },\n { NO: 23, NAMA_MURID: \"Luna Chairunisa\", NAMA_TIM: \"Pencak Silat\", KELAS: \"X-7\", NAMA_LOMBA: \"Kejuaraan Pencak Silat Panglima TNI ke 79 Kategori Tanding\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"Panglima TNI \/ HUT TNI ke 79\" },\n { NO: 24, NAMA_MURID: \"Saskia Rachman\", NAMA_TIM: \"Pencak Silat\", KELAS: \"XII B-1\", NAMA_LOMBA: \"Kejuaraan Pencak Silat Panglima TNI ke 79 Kategori Tanding\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"Panglima TNI \/ HUT TNI ke 79\" },\n { NO: 25, NAMA_MURID: \"Aditya Prasetia\", NAMA_TIM: \"Pencak Silat\", KELAS: \"XII C\", NAMA_LOMBA: \"Kejuaraan Pencak Silat Panglima TNI ke 79 Kategori Tanding\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"Panglima TNI \/ HUT TNI ke 79\" },\n { NO: 26, NAMA_MURID: \"M.Ravalen Anugrah\", NAMA_TIM: \"Pencak Silat\", KELAS: \"XII C\", NAMA_LOMBA: \"Kejuaraan Pencak Silat Panglima TNI ke 79 Kategori Tanding\", PERINGKAT: \"Juara 3\", PENYELENGGARA: \"Panglima TNI \/ HUT TNI ke 79\" },\n { NO: 27, NAMA_MURID: \"M.Ravli\", NAMA_TIM: \"Pencak Silat\", KELAS: \"XII C\", NAMA_LOMBA: \"Kejuaraan Pencak Silat Panglima TNI ke 79 Kategori Tanding\", PERINGKAT: \"Juara 3\", PENYELENGGARA: \"Panglima TNI \/ HUT TNI ke 79\" },\n { NO: 28, NAMA_MURID: \"Landree Adhika Pradana\", NAMA_TIM: \"Pencak Silat\", KELAS: \"XII B-1\", NAMA_LOMBA: \"Kejuaraan Pencak Silat Panglima TNI ke 79 Kategori Tanding\", PERINGKAT: \"Juara 3\", PENYELENGGARA: \"Panglima TNI \/ HUT TNI ke 79\" },\n { NO: 29, NAMA_MURID: \"Nashira Al Husna\", NAMA_TIM: \"Pencak Silat\", KELAS: \"XII D-1\", NAMA_LOMBA: \"Kejuaraan Pencak Silat Panglima TNI ke 79 Kategori Tanding\", PERINGKAT: \"Juara 3\", PENYELENGGARA: \"Panglima TNI \/ HUT TNI ke 79\" },\n { NO: 30, NAMA_MURID: \"Kaisar Asya Putra\", NAMA_TIM: \"Pencak Silat\", KELAS: \"XI-4\", NAMA_LOMBA: \"Kejuaraan Pencak Silat Panglima TNI ke 79 Kategori Tanding\", PERINGKAT: \"Juara 2\", PENYELENGGARA: \"Panglima TNI \/ HUT TNI ke 79\" },\n { NO: 31, NAMA_MURID: \"Farhan Bayanaka\", NAMA_TIM: \"Klub OSN dan OPSI\", KELAS: \"XII A-1\", NAMA_LOMBA: \"OSN Kebumian Nasional\", PERINGKAT: \"Medali Perunggu\", PENYELENGGARA: \"PUSPRESNAS\" },\n { NO: 32, NAMA_MURID: \"Adzra Rafi Azwara\", NAMA_TIM: \"Klub OSN dan OPSI\", KELAS: \"XII A-1\", NAMA_LOMBA: \"OSN Kimia Jakarta Selatan\", PERINGKAT: \"Peringkat 9\", PENYELENGGARA: \"PUSPRESNAS\" },\n { NO: 33, NAMA_MURID: \"Vioreni Chafifah Gahati\", NAMA_TIM: \"Klub OSN dan OPSI\", KELAS: \"XII A-2\", NAMA_LOMBA: \"OSN Matematika Jakarta Selatan\", PERINGKAT: \"Peringkat 9\", PENYELENGGARA: \"PUSPRESNAS\" },\n { NO: 34, NAMA_MURID: \"ABISHA BALQIS AQILAH\", NAMA_TIM: \"PMR\", KELAS: \"XII A-2\", NAMA_LOMBA: \"Lomba PMR \\\"First 8 Kit\\\" Mading Grafis Wira\", PERINGKAT: \"Juara III\", PENYELENGGARA: \"SMAN 8 Jakarta\" },\n { NO: 35, NAMA_MURID: \"NAJMA SYARIFA\", NAMA_TIM: \"PMR\", KELAS: \"XII A-3\", NAMA_LOMBA: \"Lomba PMR \\\"First 8 Kit\\\" Mading Grafis Wira\", PERINGKAT: \"Juara III\", PENYELENGGARA: \"SMAN 8 Jakarta\" },\n { NO: 36, NAMA_MURID: \"RUTH GRACYA SIMBOLON\", NAMA_TIM: \"PMR\", KELAS: \"XII A-4\", NAMA_LOMBA: \"Lomba PMR \\\"First 8 Kit\\\" Mading Grafis Wira\", PERINGKAT: \"Juara III\", PENYELENGGARA: \"SMAN 8 Jakarta\" },\n { NO: 37, NAMA_MURID: \"LAILY MAGVIRO\", NAMA_TIM: \"Pencak Silat\", KELAS: \"X-5\", NAMA_LOMBA: \"Kejuaraan Pencak Silat Piala Gubernur DKI Jakarta\", PERINGKAT: \"Juara III\", PENYELENGGARA: \"Gubernur DKI Jakarta\" },\n { NO: 38, NAMA_MURID: \"ANDINI BILQIS\", NAMA_TIM: \"Pencak Silat\", KELAS: \"XI-2\", NAMA_LOMBA: \"Kejuaraan Pencak Silat Piala Gubernur DKI Jakarta\", PERINGKAT: \"Juara III\", PENYELENGGARA: \"Gubernur DKI Jakarta\" },\n { NO: 39, NAMA_MURID: \"KAISAR ASYA PUTRA RAMADHAN\", NAMA_TIM: \"Pencak Silat\", KELAS: \"XI-4\", NAMA_LOMBA: \"Kejuaraan Pencak Silat Piala Gubernur DKI Jakarta\", PERINGKAT: \"Juara I\", PENYELENGGARA: \"Gubernur DKI Jakarta\" },\n { NO: 40, NAMA_MURID: \"RICKO GARCEL SUTJIPTO\", NAMA_TIM: \"Band\", KELAS: \"XI-6\", NAMA_LOMBA: \"Vokal Solo Putra - FLS3N 2025 Tingkat Wilayah Jakarta Selatan\", PERINGKAT: \"Juara I\", PENYELENGGARA: \"PUSPRESNAS\" },\n { NO: 41, NAMA_MURID: \"HASBY AR RIDHO\", NAMA_TIM: \"Sinematografi\", KELAS: \"XI-3\", NAMA_LOMBA: \"Film Pendek - FLS3N 2025 Tingkat Wilayah Jakarta Selatan\", PERINGKAT: \"Juara III\", PENYELENGGARA: \"PUSPRESNAS\" },\n { NO: 42, NAMA_MURID: \"NAYISA NURUL AZKIA\", NAMA_TIM: \"Sinematografi\", KELAS: \"XI-7\", NAMA_LOMBA: \"Film Pendek - FLS3N 2025 Tingkat Wilayah Jakarta Selatan\", PERINGKAT: \"Juara III\", PENYELENGGARA: \"PUSPRESNAS\" },\n { NO: 43, NAMA_MURID: \"RAZAN ALIFRIANSYAH WIYOTO\", NAMA_TIM: \"Sinematografi\", KELAS: \"X-4\", NAMA_LOMBA: \"Film Pendek - FLS3N 2025 Tingkat Wilayah Jakarta Selatan\", PERINGKAT: \"Juara III\", PENYELENGGARA: \"PUSPRESNAS\" },\n ];\n\n let currentData = [...rawData];\n let sortColumn = 'NO';\n let sortDirection = 'asc';\n\n \n \/\/ Fungsi untuk menyortir data\n function sortData(column) {\n \n \/\/ Toggle arah sortir\n if (sortColumn === column) {\n sortDirection = sortDirection === 'asc' ? 'desc' : 'asc';\n } else {\n sortDirection = 'asc';\n sortColumn = column;\n }\n\n \/\/ Reset semua ikon sort\n document.querySelectorAll('.sort-icon').forEach(icon => icon.textContent = '');\n \/\/ Set ikon sort yang aktif\n const activeIcon = document.getElementById(`sort-${sortColumn}`);\n if (activeIcon) {\n activeIcon.textContent = sortDirection === 'asc' ? ' \u25b2' : ' \u25bc';\n }\n\n\n currentData.sort((a, b) => {\n let valA = a[column];\n let valB = b[column];\n \n \/\/ Coba konversi ke angka untuk kolom NO\n if (column === 'NO') {\n valA = parseInt(valA);\n valB = parseInt(valB);\n } else {\n \/\/ Semua kolom lain diperlakukan sebagai string (case insensitive)\n valA = String(valA).toLowerCase();\n valB = String(valB).toLowerCase();\n }\n\n if (valA < valB) return sortDirection === 'asc' ? -1 : 1;\n if (valA > valB) return sortDirection === 'asc' ? 1 : -1;\n return 0;\n });\n \n renderTable();\n }\n\n \/\/ Fungsi untuk merender (menggambar) tabel\n function renderTable() {\n const tableBody = document.getElementById('dataTable');\n const noDataMessage = document.getElementById('noDataMessage');\n tableBody.innerHTML = '';\n\n if (currentData.length === 0) {\n noDataMessage.classList.remove('hidden');\n return;\n } else {\n noDataMessage.classList.add('hidden');\n }\n\n currentData.forEach(item => {\n const row = document.createElement('tr');\n row.className = 'data-row border-b hover:bg-gray-50 transition duration-150 ease-in-out';\n \n \/\/ Helper untuk membuat cell\n const createCell = (content, isBold = false) => {\n const cell = document.createElement('td');\n \/\/ Styling cell data disederhanakan\n cell.className = `px-4 py-3 whitespace-nowrap text-sm ${isBold ? 'font-medium text-gray-800' : 'text-gray-600'}`;\n cell.textContent = content;\n return cell;\n };\n\n row.appendChild(createCell(item.NO, true)); \/\/ NO dibuat tebal\n row.appendChild(createCell(item.NAMA_MURID, true));\n row.appendChild(createCell(item.NAMA_TIM));\n row.appendChild(createCell(item.KELAS));\n row.appendChild(createCell(item.NAMA_LOMBA));\n row.appendChild(createCell(item.PERINGKAT));\n row.appendChild(createCell(item.PENYELENGGARA));\n\n tableBody.appendChild(row);\n });\n }\n\n \/\/ Inisialisasi: Panggil saat halaman dimuat\n window.onload = function() {\n \/\/ Urutkan data awal berdasarkan NO secara ascending, lalu render\n sortData('NO'); \n };\n\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Data Prestasi Sederhana Daftar Prestasi Siswa Tampilan sederhana yang berfokus pada data dan kemampuan sortir. NO \u25b2 NAMA MURID EKSTRAKURIKULER KELAS NAMA LOMBA PERINGKAT PENYELENGGARA Tidak ada data yang tersedia.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_regular_price":[],"currency_symbol":[],"footnotes":""},"class_list":["post-858","page","type-page","status-publish","hentry"],"post_slider_layout_featured_media_urls":{"thumbnail":"","post_slider_layout_landscape_large":"","post_slider_layout_portrait_large":"","post_slider_layout_square_large":"","post_slider_layout_landscape":"","post_slider_layout_portrait":"","post_slider_layout_square":"","full":""},"_links":{"self":[{"href":"https:\/\/sman37.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/858","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sman37.sch.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sman37.sch.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sman37.sch.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sman37.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=858"}],"version-history":[{"count":7,"href":"https:\/\/sman37.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/858\/revisions"}],"predecessor-version":[{"id":867,"href":"https:\/\/sman37.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/858\/revisions\/867"}],"wp:attachment":[{"href":"https:\/\/sman37.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=858"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":858,"date":"2025-11-08T13:37:29","date_gmt":"2025-11-08T13:37:29","guid":{"rendered":"https:\/\/sman37.sch.id\/?page_id=858"},"modified":"2026-03-11T02:53:08","modified_gmt":"2026-03-11T02:53:08","slug":"prestasi-ekstrakurikuler","status":"publish","type":"page","link":"https:\/\/sman37.sch.id\/?page_id=858","title":{"rendered":"Prestasi Ekstrakurikuler"},"content":{"rendered":"\n\n\n\n \n \n Data Prestasi Sederhana<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n },\n }\n }\n }\n <\/script>\n <style>\n \/* Mengatur agar tabel dapat discroll secara horizontal pada layar kecil *\/\n .table-container {\n overflow-x: auto;\n }\n \/* Styling untuk baris ganjil\/genap (untuk tampilan yang lebih bersih) *\/\n .data-row:nth-child(odd) {\n background-color: #fcfcfc; \/* Warna putih sangat ringan *\/\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-100 font-sans p-4 sm:p-8\">\n\n <div class=\"max-w-6xl mx-auto\">\n <header class=\"mb-6 border-b pb-4\">\n <h1 class=\"text-3xl font-extrabold text-gray-800\">Daftar Prestasi Siswa<\/h1>\n <p class=\"text-sm text-gray-500\">Tampilan sederhana yang berfokus pada data dan kemampuan sortir.<\/p>\n <\/header>\n\n \n <div class=\"bg-white rounded-lg shadow-md table-container\">\n <table class=\"min-w-full divide-y divide-gray-200\">\n <thead class=\"bg-gray-700\">\n <tr>\n \n <th class=\"px-4 py-3 text-left text-xs font-semibold text-white uppercase tracking-wider rounded-tl-lg cursor-pointer hover:bg-gray-600 transition\" onclick=\"sortData('NO')\">NO <span class=\"sort-icon\" id=\"sort-NO\">\u25b2<\/span><\/th>\n <th class=\"px-4 py-3 text-left text-xs font-semibold text-white uppercase tracking-wider cursor-pointer hover:bg-gray-600 transition\" onclick=\"sortData('NAMA_MURID')\">NAMA MURID <span class=\"sort-icon\" id=\"sort-NAMA_MURID\"><\/span><\/th>\n <th class=\"px-4 py-3 text-left text-xs font-semibold text-white uppercase tracking-wider cursor-pointer hover:bg-gray-600 transition\" onclick=\"sortData('NAMA_TIM')\">EKSTRAKURIKULER <span class=\"sort-icon\" id=\"sort-NAMA_TIM\"><\/span><\/th>\n <th class=\"px-4 py-3 text-left text-xs font-semibold text-white uppercase tracking-wider cursor-pointer hover:bg-gray-600 transition\" onclick=\"sortData('KELAS')\">KELAS <span class=\"sort-icon\" id=\"sort-KELAS\"><\/span><\/th>\n <th class=\"px-4 py-3 text-left text-xs font-semibold text-white uppercase tracking-wider cursor-pointer hover:bg-gray-600 transition\" onclick=\"sortData('NAMA_LOMBA')\">NAMA LOMBA <span class=\"sort-icon\" id=\"sort-NAMA_LOMBA\"><\/span><\/th>\n <th class=\"px-4 py-3 text-left text-xs font-semibold text-white uppercase tracking-wider cursor-pointer hover:bg-gray-600 transition\" onclick=\"sortData('PERINGKAT')\">PERINGKAT <span class=\"sort-icon\" id=\"sort-PERINGKAT\"><\/span><\/th>\n <th class=\"px-4 py-3 text-left text-xs font-semibold text-white uppercase tracking-wider rounded-tr-lg cursor-pointer hover:bg-gray-600 transition\" onclick=\"sortData('PENYELENGGARA')\">PENYELENGGARA <span class=\"sort-icon\" id=\"sort-PENYELENGGARA\"><\/span><\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"dataTable\" class=\"divide-y divide-gray-100\">\n \n <\/tbody>\n <\/table>\n <div id=\"noDataMessage\" class=\"hidden text-center p-8 text-gray-500\">\n Tidak ada data yang tersedia.\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Data mentah dari tabel yang Anda berikan\n const rawData = [\n { NO: 1, NAMA_MURID: \"Muhammad Fadhil\", NAMA_TIM: \"PMR\", KELAS: \"X-1\", NAMA_LOMBA: \"Lomba PMR Madya dan Wira Sejabodetabek Puisi\", PERINGKAT: \"Harapan 3\", PENYELENGGARA: \"PMI\" },\n { NO: 2, NAMA_MURID: \"Trizza Naufal\", NAMA_TIM: \"Taekwondo\", KELAS: \"XII-C\", NAMA_LOMBA: \"Piala Kemenpora\", PERINGKAT: \"Juara 2\", PENYELENGGARA: \"Kemenpora\" },\n { NO: 3, NAMA_MURID: \"Keane Kenneth K\", NAMA_TIM: \"Taekwondo\", KELAS: \"XII A-2\", NAMA_LOMBA: \"Kejuaraan Taekwondo Liga DKI\", PERINGKAT: \"Juara 2\", PENYELENGGARA: \"Liga DKI\" },\n { NO: 4, NAMA_MURID: \"Andini Bilqis\", NAMA_TIM: \"Pencak Silat\", KELAS: \"XI-2\", NAMA_LOMBA: \"Kejuaraan Pencak Silat\", PERINGKAT: \"Juara 1\", PENYELENGGARA: \"Panglima TNI\" },\n { NO: 5, NAMA_MURID: \"Kania\", NAMA_TIM: \"SAMAN\", KELAS: \"XI-2\", NAMA_LOMBA: \"Zelga Cup 93\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"SMAN 93\" },\n { NO: 6, NAMA_MURID: \"Aina Pritalani\", NAMA_TIM: \"SAMAN\", KELAS: \"XI-1\", NAMA_LOMBA: \"Zelga Cup 93\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"SMAN 93\" },\n { NO: 7, NAMA_MURID: \"Dhaniesa Zulaika\", NAMA_TIM: \"SAMAN\", KELAS: \"XI-3\", NAMA_LOMBA: \"Zelga Cup 93\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"SMAN 93\" },\n { NO: 8, NAMA_MURID: \"Khairunisa\", NAMA_TIM: \"SAMAN\", KELAS: \"XI-5\", NAMA_LOMBA: \"Zelga Cup 93\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"SMAN 93\" },\n { NO: 9, NAMA_MURID: \"Nayla Tsania Puji\", NAMA_TIM: \"SAMAN\", KELAS: \"XI-3\", NAMA_LOMBA: \"Zelga Cup 93\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"SMAN 93\" },\n { NO: 10, NAMA_MURID: \"Husna Khairunisa Nugraha\", NAMA_TIM: \"SAMAN\", KELAS: \"XI-2\", NAMA_LOMBA: \"Zelga Cup 93\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"SMAN 93\" },\n { NO: 11, NAMA_MURID: \"Aisya Putri Adiyanti\", NAMA_TIM: \"SAMAN\", KELAS: \"XI-1\", NAMA_LOMBA: \"Zelga Cup 93\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"SMAN 93\" },\n { NO: 12, NAMA_MURID: \"Gita Islammadina\", NAMA_TIM: \"SAMAN\", KELAS: \"XI-1\", NAMA_LOMBA: \"Zelga Cup 93\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"SMAN 93\" },\n { NO: 13, NAMA_MURID: \"Aliya Fakhira\", NAMA_TIM: \"SAMAN\", KELAS: \"XII A-1\", NAMA_LOMBA: \"Zelga Cup 93\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"SMAN 93\" },\n { NO: 14, NAMA_MURID: \"Devina Aurelia Fauziah\", NAMA_TIM: \"SAMAN\", KELAS: \"XII A-1\", NAMA_LOMBA: \"Zelga Cup 93\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"SMAN 93\" },\n { NO: 15, NAMA_MURID: \"Nadaa Maulida Bithia\", NAMA_TIM: \"SAMAN\", KELAS: \"XII B-1\", NAMA_LOMBA: \"Zelga Cup 93\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"SMAN 93\" },\n { NO: 16, NAMA_MURID: \"Naira Aura Adibah\", NAMA_TIM: \"SAMAN\", KELAS: \"XII B-1\", NAMA_LOMBA: \"Zelga Cup 93\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"SMAN 93\" },\n { NO: 17, NAMA_MURID: \"Aulia Unuraiman\", NAMA_TIM: \"SAMAN\", KELAS: \"XII B-2\", NAMA_LOMBA: \"Zelga Cup 93\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"SMAN 93\" },\n { NO: 18, NAMA_MURID: \"Syafrina Fariz Islamy\", NAMA_TIM: \"SAMAN\", KELAS: \"XII B-2\", NAMA_LOMBA: \"Zelga Cup 93\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"SMAN 93\" },\n { NO: 19, NAMA_MURID: \"Farhana Alawiyah H\", NAMA_TIM: \"SAMAN\", KELAS: \"XII A-2\", NAMA_LOMBA: \"Zelga Cup 93\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"SMAN 93\" },\n { NO: 20, NAMA_MURID: \"Syifa\", NAMA_TIM: \"SAMAN\", KELAS: \"XII B-2\", NAMA_LOMBA: \"Zelga Cup 93\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"SMAN 93\" },\n { NO: 21, NAMA_MURID: \"Aldreinne Dominique Naysha\", NAMA_TIM: \"Pencak Silat\", KELAS: \"X-2\", NAMA_LOMBA: \"Kejuaraan Pencak Silat Panglima TNI ke 79 Kategori Tanding\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"Panglima TNI \/ HUT TNI ke 79\" },\n { NO: 22, NAMA_MURID: \"Queen Sintia Al Malika\", NAMA_TIM: \"Pencak Silat\", KELAS: \"X-1\", NAMA_LOMBA: \"Kejuaraan Pencak Silat Panglima TNI ke 79 Kategori Tanding\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"Panglima TNI \/ HUT TNI ke 79\" },\n { NO: 23, NAMA_MURID: \"Luna Chairunisa\", NAMA_TIM: \"Pencak Silat\", KELAS: \"X-7\", NAMA_LOMBA: \"Kejuaraan Pencak Silat Panglima TNI ke 79 Kategori Tanding\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"Panglima TNI \/ HUT TNI ke 79\" },\n { NO: 24, NAMA_MURID: \"Saskia Rachman\", NAMA_TIM: \"Pencak Silat\", KELAS: \"XII B-1\", NAMA_LOMBA: \"Kejuaraan Pencak Silat Panglima TNI ke 79 Kategori Tanding\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"Panglima TNI \/ HUT TNI ke 79\" },\n { NO: 25, NAMA_MURID: \"Aditya Prasetia\", NAMA_TIM: \"Pencak Silat\", KELAS: \"XII C\", NAMA_LOMBA: \"Kejuaraan Pencak Silat Panglima TNI ke 79 Kategori Tanding\", PERINGKAT: \"Juara Harapan 1\", PENYELENGGARA: \"Panglima TNI \/ HUT TNI ke 79\" },\n { NO: 26, NAMA_MURID: \"M.Ravalen Anugrah\", NAMA_TIM: \"Pencak Silat\", KELAS: \"XII C\", NAMA_LOMBA: \"Kejuaraan Pencak Silat Panglima TNI ke 79 Kategori Tanding\", PERINGKAT: \"Juara 3\", PENYELENGGARA: \"Panglima TNI \/ HUT TNI ke 79\" },\n { NO: 27, NAMA_MURID: \"M.Ravli\", NAMA_TIM: \"Pencak Silat\", KELAS: \"XII C\", NAMA_LOMBA: \"Kejuaraan Pencak Silat Panglima TNI ke 79 Kategori Tanding\", PERINGKAT: \"Juara 3\", PENYELENGGARA: \"Panglima TNI \/ HUT TNI ke 79\" },\n { NO: 28, NAMA_MURID: \"Landree Adhika Pradana\", NAMA_TIM: \"Pencak Silat\", KELAS: \"XII B-1\", NAMA_LOMBA: \"Kejuaraan Pencak Silat Panglima TNI ke 79 Kategori Tanding\", PERINGKAT: \"Juara 3\", PENYELENGGARA: \"Panglima TNI \/ HUT TNI ke 79\" },\n { NO: 29, NAMA_MURID: \"Nashira Al Husna\", NAMA_TIM: \"Pencak Silat\", KELAS: \"XII D-1\", NAMA_LOMBA: \"Kejuaraan Pencak Silat Panglima TNI ke 79 Kategori Tanding\", PERINGKAT: \"Juara 3\", PENYELENGGARA: \"Panglima TNI \/ HUT TNI ke 79\" },\n { NO: 30, NAMA_MURID: \"Kaisar Asya Putra\", NAMA_TIM: \"Pencak Silat\", KELAS: \"XI-4\", NAMA_LOMBA: \"Kejuaraan Pencak Silat Panglima TNI ke 79 Kategori Tanding\", PERINGKAT: \"Juara 2\", PENYELENGGARA: \"Panglima TNI \/ HUT TNI ke 79\" },\n { NO: 31, NAMA_MURID: \"Farhan Bayanaka\", NAMA_TIM: \"Klub OSN dan OPSI\", KELAS: \"XII A-1\", NAMA_LOMBA: \"OSN Kebumian Nasional\", PERINGKAT: \"Medali Perunggu\", PENYELENGGARA: \"PUSPRESNAS\" },\n { NO: 32, NAMA_MURID: \"Adzra Rafi Azwara\", NAMA_TIM: \"Klub OSN dan OPSI\", KELAS: \"XII A-1\", NAMA_LOMBA: \"OSN Kimia Jakarta Selatan\", PERINGKAT: \"Peringkat 9\", PENYELENGGARA: \"PUSPRESNAS\" },\n { NO: 33, NAMA_MURID: \"Vioreni Chafifah Gahati\", NAMA_TIM: \"Klub OSN dan OPSI\", KELAS: \"XII A-2\", NAMA_LOMBA: \"OSN Matematika Jakarta Selatan\", PERINGKAT: \"Peringkat 9\", PENYELENGGARA: \"PUSPRESNAS\" },\n { NO: 34, NAMA_MURID: \"ABISHA BALQIS AQILAH\", NAMA_TIM: \"PMR\", KELAS: \"XII A-2\", NAMA_LOMBA: \"Lomba PMR \\\"First 8 Kit\\\" Mading Grafis Wira\", PERINGKAT: \"Juara III\", PENYELENGGARA: \"SMAN 8 Jakarta\" },\n { NO: 35, NAMA_MURID: \"NAJMA SYARIFA\", NAMA_TIM: \"PMR\", KELAS: \"XII A-3\", NAMA_LOMBA: \"Lomba PMR \\\"First 8 Kit\\\" Mading Grafis Wira\", PERINGKAT: \"Juara III\", PENYELENGGARA: \"SMAN 8 Jakarta\" },\n { NO: 36, NAMA_MURID: \"RUTH GRACYA SIMBOLON\", NAMA_TIM: \"PMR\", KELAS: \"XII A-4\", NAMA_LOMBA: \"Lomba PMR \\\"First 8 Kit\\\" Mading Grafis Wira\", PERINGKAT: \"Juara III\", PENYELENGGARA: \"SMAN 8 Jakarta\" },\n { NO: 37, NAMA_MURID: \"LAILY MAGVIRO\", NAMA_TIM: \"Pencak Silat\", KELAS: \"X-5\", NAMA_LOMBA: \"Kejuaraan Pencak Silat Piala Gubernur DKI Jakarta\", PERINGKAT: \"Juara III\", PENYELENGGARA: \"Gubernur DKI Jakarta\" },\n { NO: 38, NAMA_MURID: \"ANDINI BILQIS\", NAMA_TIM: \"Pencak Silat\", KELAS: \"XI-2\", NAMA_LOMBA: \"Kejuaraan Pencak Silat Piala Gubernur DKI Jakarta\", PERINGKAT: \"Juara III\", PENYELENGGARA: \"Gubernur DKI Jakarta\" },\n { NO: 39, NAMA_MURID: \"KAISAR ASYA PUTRA RAMADHAN\", NAMA_TIM: \"Pencak Silat\", KELAS: \"XI-4\", NAMA_LOMBA: \"Kejuaraan Pencak Silat Piala Gubernur DKI Jakarta\", PERINGKAT: \"Juara I\", PENYELENGGARA: \"Gubernur DKI Jakarta\" },\n { NO: 40, NAMA_MURID: \"RICKO GARCEL SUTJIPTO\", NAMA_TIM: \"Band\", KELAS: \"XI-6\", NAMA_LOMBA: \"Vokal Solo Putra - FLS3N 2025 Tingkat Wilayah Jakarta Selatan\", PERINGKAT: \"Juara I\", PENYELENGGARA: \"PUSPRESNAS\" },\n { NO: 41, NAMA_MURID: \"HASBY AR RIDHO\", NAMA_TIM: \"Sinematografi\", KELAS: \"XI-3\", NAMA_LOMBA: \"Film Pendek - FLS3N 2025 Tingkat Wilayah Jakarta Selatan\", PERINGKAT: \"Juara III\", PENYELENGGARA: \"PUSPRESNAS\" },\n { NO: 42, NAMA_MURID: \"NAYISA NURUL AZKIA\", NAMA_TIM: \"Sinematografi\", KELAS: \"XI-7\", NAMA_LOMBA: \"Film Pendek - FLS3N 2025 Tingkat Wilayah Jakarta Selatan\", PERINGKAT: \"Juara III\", PENYELENGGARA: \"PUSPRESNAS\" },\n { NO: 43, NAMA_MURID: \"RAZAN ALIFRIANSYAH WIYOTO\", NAMA_TIM: \"Sinematografi\", KELAS: \"X-4\", NAMA_LOMBA: \"Film Pendek - FLS3N 2025 Tingkat Wilayah Jakarta Selatan\", PERINGKAT: \"Juara III\", PENYELENGGARA: \"PUSPRESNAS\" },\n ];\n\n let currentData = [...rawData];\n let sortColumn = 'NO';\n let sortDirection = 'asc';\n\n \n \/\/ Fungsi untuk menyortir data\n function sortData(column) {\n \n \/\/ Toggle arah sortir\n if (sortColumn === column) {\n sortDirection = sortDirection === 'asc' ? 'desc' : 'asc';\n } else {\n sortDirection = 'asc';\n sortColumn = column;\n }\n\n \/\/ Reset semua ikon sort\n document.querySelectorAll('.sort-icon').forEach(icon => icon.textContent = '');\n \/\/ Set ikon sort yang aktif\n const activeIcon = document.getElementById(`sort-${sortColumn}`);\n if (activeIcon) {\n activeIcon.textContent = sortDirection === 'asc' ? ' \u25b2' : ' \u25bc';\n }\n\n\n currentData.sort((a, b) => {\n let valA = a[column];\n let valB = b[column];\n \n \/\/ Coba konversi ke angka untuk kolom NO\n if (column === 'NO') {\n valA = parseInt(valA);\n valB = parseInt(valB);\n } else {\n \/\/ Semua kolom lain diperlakukan sebagai string (case insensitive)\n valA = String(valA).toLowerCase();\n valB = String(valB).toLowerCase();\n }\n\n if (valA < valB) return sortDirection === 'asc' ? -1 : 1;\n if (valA > valB) return sortDirection === 'asc' ? 1 : -1;\n return 0;\n });\n \n renderTable();\n }\n\n \/\/ Fungsi untuk merender (menggambar) tabel\n function renderTable() {\n const tableBody = document.getElementById('dataTable');\n const noDataMessage = document.getElementById('noDataMessage');\n tableBody.innerHTML = '';\n\n if (currentData.length === 0) {\n noDataMessage.classList.remove('hidden');\n return;\n } else {\n noDataMessage.classList.add('hidden');\n }\n\n currentData.forEach(item => {\n const row = document.createElement('tr');\n row.className = 'data-row border-b hover:bg-gray-50 transition duration-150 ease-in-out';\n \n \/\/ Helper untuk membuat cell\n const createCell = (content, isBold = false) => {\n const cell = document.createElement('td');\n \/\/ Styling cell data disederhanakan\n cell.className = `px-4 py-3 whitespace-nowrap text-sm ${isBold ? 'font-medium text-gray-800' : 'text-gray-600'}`;\n cell.textContent = content;\n return cell;\n };\n\n row.appendChild(createCell(item.NO, true)); \/\/ NO dibuat tebal\n row.appendChild(createCell(item.NAMA_MURID, true));\n row.appendChild(createCell(item.NAMA_TIM));\n row.appendChild(createCell(item.KELAS));\n row.appendChild(createCell(item.NAMA_LOMBA));\n row.appendChild(createCell(item.PERINGKAT));\n row.appendChild(createCell(item.PENYELENGGARA));\n\n tableBody.appendChild(row);\n });\n }\n\n \/\/ Inisialisasi: Panggil saat halaman dimuat\n window.onload = function() {\n \/\/ Urutkan data awal berdasarkan NO secara ascending, lalu render\n sortData('NO'); \n };\n\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Data Prestasi Sederhana Daftar Prestasi Siswa Tampilan sederhana yang berfokus pada data dan kemampuan sortir. NO \u25b2 NAMA MURID EKSTRAKURIKULER KELAS NAMA LOMBA PERINGKAT PENYELENGGARA Tidak ada data yang tersedia.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_regular_price":[],"currency_symbol":[],"footnotes":""},"class_list":["post-858","page","type-page","status-publish","hentry"],"post_slider_layout_featured_media_urls":{"thumbnail":"","post_slider_layout_landscape_large":"","post_slider_layout_portrait_large":"","post_slider_layout_square_large":"","post_slider_layout_landscape":"","post_slider_layout_portrait":"","post_slider_layout_square":"","full":""},"_links":{"self":[{"href":"https:\/\/sman37.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/858","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sman37.sch.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sman37.sch.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sman37.sch.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sman37.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=858"}],"version-history":[{"count":7,"href":"https:\/\/sman37.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/858\/revisions"}],"predecessor-version":[{"id":867,"href":"https:\/\/sman37.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/858\/revisions\/867"}],"wp:attachment":[{"href":"https:\/\/sman37.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=858"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}