JSON'dan HTML Tablosuna

Bir dizi nesneyi (veya tek bir nesneyi) tüm anahtarların birleşiminden oluşturulan bir thead'e sahip stillendirilmiş bir HTML <table> tablosuna dönüştürür. Dönüştürücü, isteğe bağlı olarak yeşil başlık, zebra çizgili satırlar ve üzerine gelme efekti içeren bir <style> bloğu üretir ve oluşturulan HTML'in kod çıktısının altında canlı bir önizleme gösterir.

1. Giriş metin alanına bir dizi JSON nesnesi (veya tek bir nesne) yapıştırın. 2. Bir Tablo Adı ayarlayın (CSS sınıfı olarak kullanılır; varsayılan json-table). 3. Include Styles ve Border Collapse seçeneklerini açıp kapatın. 4. Convert'e tıklayın. 5. HTML'i kopyalamak için Copy kullanın; kodun altında oluşturulmuş bir önizleme belirir.

Tek bir nesne, tek öğeli bir diziye sarılır. Sütun başlıkları, tüm satırlardaki anahtarların birleşiminden gelir; böylece seyrek nesneler bile tam bir sütun kümesi üretir. Null veya undefined hücreler boş <td> olarak işlenir. Nesne veya dizi hücre değerleri JSON.stringify ile serileştirilir ve <code> içine sarılır. Stil bloğu, #4CAF50 yeşil başlık, 1px #ddd kenarlıklar, 8px 12px dolgu, çift satırlarda #f9f9f9 çizgileme ve #f5f5f5 satır üzerine gelme efekti ile table.<class> hedefler. Include Styles kapalıyken yalnızca çıplak <table> işaretlemesi üretilir.