Fungsinya
Alat ini mengonversi data JSON, biasanya respons API atau hasil ekspor, menjadi tabel HTML. Setiap objek menjadi satu baris dan setiap key menjadi satu kolom. Objek bersarang diratakan menjadi nama kolom bertitik agar tabel tetap dua dimensi.
Cara menggunakan
- Tempel JSON ke kotak Input, unggah file
.json, atau klik Contoh. - Markup tabel muncul di sebelah kanan saat Anda mengetik. JSON yang tidak valid dilaporkan beserta posisinya.
- Matikan Sertakan baris header jika Anda hanya menginginkan baris data.
- Salin HTML-nya atau unduh sebagai file
.html.
Contoh
[
{ "name": "Alice", "address": { "city": "Shanghai" }, "tags": ["admin", "editor"] },
{ "name": "Bob", "address": { "city": "Beijing" } }
]menghasilkan tabel dengan kolom name, address.city, dan tags. Sel tags milik Alice berisi admin; editor dan milik Bob kosong.
Tips
- Untuk menampilkan respons API, tempel seluruh responsnya. Jika bentuknya seperti
{"items": [...]}, baris-baris diambil dariitemssecara otomatis. - Gunakan JSON formatter terlebih dahulu jika Anda ingin memeriksa atau memperbaiki JSON sebelum mengonversinya.
FAQ
› Struktur JSON seperti apa yang diharapkan?
Array objek paling cocok, satu objek per baris. Objek dengan satu properti array, seperti {"data": [...]}, juga dipahami. Nilai lain apa pun menjadi satu baris.
› Bagaimana objek dan array bersarang ditangani?
Field bersarang menjadi nama kolom bertitik, seperti address.city. Array berisi nilai sederhana digabung dengan "; ", dan array berisi objek mendapat path indeks seperti items.0.name.
› Bagaimana jika objek-objeknya memiliki key yang berbeda?
Kolomnya adalah gabungan semua key sesuai urutan kemunculan pertamanya. Nilai yang tidak ada dibiarkan kosong.
› Apakah output-nya aman ditaruh di halaman web?
Ya. Teks di-escape untuk HTML, sehingga nilai seperti <script> ditampilkan sebagai teks.