Perender Tabel HTML ke JSON

Perender Tabel HTML ke JSON

Konversi array objek JSON menjadi tabel HTML berdesain dan interaktif. Tempatkan data JSON Anda dan lihat tabel yang sudah di-render dengan kolom yang dapat disortir, gaya yang dapat dikonfigurasi, pengolahan objek nested, serta kontrol visibilitas kolom. Ekspor hasilnya dalam format HTML embeddable dengan CSS inline, CSV, atau tabel Markdown.

Cara Penggunaan

Pastikan masukkan array JSON objek ke dalam area input. Alat otomatis mendeteksi semua kunci unik di antara objek dan menampilkannya sebagai kolom tabel. Pilih gaya tabel (Sederhana, Berstrip, Berbatas, Kompak, atau Gelap), atur bagaimana objek yang terikat ditampilkan, dan geser visibilitas kolom. Klik header kolom untuk mengurutkan. Salin HTML yang dihasilkan, CSV, atau Markdown, atau unduh file HTML lengkap dengan gaya inline.

Fitur

• Stil Meja 5 Tema datar, berstriki, berbatas, padat, dan gelap. Setiap tema menghasilkan CSS inline yang terisolasi sehingga meja tampil benar saat diembed di mana saja.
• Pembuatan Objek Berantai Tiga mode: **Stringify** (tampilkan sebagai string JSON), **Expand Inline** (datilat dengan notasi kunci titik seperti "alamat.kota"), atau **Collapsible** (kembangkan/rakitkan konten yang terikat secara dalam tempatnya).
• Kolom yang dapat diurutkan Klik header kolom apapun untuk mengurutkan secara naik atau turun. Berfungsi dengan teks, angka, dan tanggal.
• Keterlihatan Kolom — Kotak cek otomatis yang dipopulasikan untuk setiap kolom yang terdeteksi. Sembunyikan atau tampilkan bidang khusus untuk disesuaikan hasil tabel.
• Pembagian halaman Pembaruan otomatis untuk dataset dengan lebih dari 50 baris dengan navigasi sebelumnya/dalam satu halaman dan tampilan jumlah baris.
• Eksport HTML — Salin atau unduh file HTML lengkap dan berdiri sendiri dengan CSS internal. Dapat diembed dalam setiap halaman web, email, atau dokumen.
• Ekspor CSV Output: — **Output CSV yang benar dengan tanda petik (quote) dan pengelolaan koma, petik, serta karakter khusus dalam nilai.**
• Eksport Markdown Format tabel Markdown yang bersesuaian dengan GitHub, GitLab, dan semua pengolah Markdown lainnya.
• Contoh Data — **Masukkan contoh JSON untuk melihat alat ini berfungsi sebelum mempaste data Anda sendiri.**

Format JSON yang Dukung

Alat ini memerlukan sebuah array JSON berisi objek: [{"name": "Alice", "age": 30}, {"name": "Bob", "age": 25}]Objek tidak perlu memiliki kunci yang identik—kunci yang hilang pada beberapa objek akan menghasilkan sel kosong. Objek dan array yang terlampir diolah sesuai dengan mode yang dipilih. Nilai primitif (string, angka, boolean, null) ditampilkan langsung dalam sel tabel.