JSON Ke Jadual HTML

Tukar tatasusunan objek (atau objek tunggal) kepada <table> HTML berstail dengan thead yang dibina daripada gabungan semua kunci. Penukar ini secara pilihan mengeluarkan blok <style> dengan pengepala hijau, jalur zebra, dan kesan hover, serta memaparkan pratonton langsung HTML yang dijana di bawah output kod.

1. Tampal tatasusunan JSON bagi objek (atau objek tunggal) ke dalam kawasan input. 2. Tetapkan Nama Jadual (digunakan sebagai kelas CSS; lalai kepada json-table). 3. Togol Include Styles dan Border Collapse. 4. Klik Convert. 5. Gunakan Copy untuk menyalin HTML; pratonton yang dipaparkan akan muncul di bawah kod.

Objek tunggal dibalut menjadi tatasusunan satu elemen. Pengepala lajur diperoleh daripada gabungan semua kunci merentas baris, jadi objek yang jarang tetap menghasilkan set lajur yang lengkap. Sel null atau undefined dipaparkan sebagai <td> kosong. Nilai sel berbentuk objek atau tatasusunan disirikan dengan JSON.stringify dan dibalut dalam <code>. Blok stail menyasarkan table.<class> dengan pengepala hijau #4CAF50, sempadan #ddd 1px, padding 8px 12px, jalur baris genap #f9f9f9, dan kesan hover baris #f5f5f5. Apabila Include Styles dimatikan, hanya markup <table> asas yang dikeluarkan.