HTML Table to JSON Converter
Ek HTML table ya ek page snippet paste karein aur har table ko aapke browser mein JSON aur CSV mein convert karein. Jo markup aap paste karte hain woh aapke device par rehta hai.
HTML Table to JSON Converter jo markup aap paste karte hain use poori tarah aapke browser mein parse karta hai. Table HTML aur jo JSON ya CSV yeh produce karta hai woh aapke device par rehte hain aur kabhi ArrayKit ko upload nahi hote.
JSON Formatter kholein
HTML Table to JSON ke baare mein
HTML Table to JSON Converter kisi bhi pasted <table> — ya un se bhare ek poore page snippet — ko row-objects ke ek saaf JSON array aur matching CSV mein badal deta hai. Har header cell ek key ban jaati hai, isliye <td>Ada</td><td>Admin</td> jaisi ek row { "Name": "Ada", "Role": "Admin" } ke roop mein padhi jaati hai. Yeh thead aur tbody samajhta hai, th cells ko headers ke roop mein use karta hai, jab ek table mein koi na ho to column_1, column_2 labels synthesize karta hai, aur colspan aur rowspan expand karta hai taaki har row ek rectangular grid mein line up ho. Jab markup mein kai tables hon to aap unke beech switch kar sakte hain aur har result ko alag copy kar sakte hain. Yeh ek report scrape karne, ek spec sheet ko code mein le jaane, ya documentation se ek fixture seed karne ke liye bana hai. Jo HTML aap paste karte hain woh locally parse hota hai aur kabhi aapke device se bahar nahi jaata.
Features
- Pasted HTML ke har <table> ko extract karta hai, sirf pehle wale ko nahi
- Header cells (<th>) JSON keys ban jaati hain; rows objects ka ek array ban jaati hain
- thead aur tbody handle karta hai, aur jab koi thead na ho to pehli row par fall back karta hai
- Colspan ko cell ko jitne columns woh cover karti hai un par repeat karke expand karta hai
- Rowspan cells ko un rows mein neeche carry karta hai jinhe woh span karti hain
- Bina header row wale tables ke liye column_1, column_2 keys synthesize karta hai
- Har table ke liye copy aur download ke saath one-click JSON aur CSV output
- Markup ko aapke browser mein parse karta hai taaki HTML kabhi aapke device se bahar na jaaye
HTML Table to JSON kaise use karein
- Ek HTML <table> ya ek page snippet paste karein jismein ek ya zyada tables hon
- Format toggle se JSON aur CSV ke beech switch karein
- Agar kai tables mile hon, to Table selector se ek pick karein
- Output copy karein ya use ek .json ya .csv file ke roop mein download karein
Example
Input
<table><thead><tr><th>Name</th><th>Role</th></tr></thead><tbody><tr><td>Ada</td><td>Admin</td></tr><tr><td>Linus</td><td>Author</td></tr></tbody></table>
Output
[
{ "Name": "Ada", "Role": "Admin" },
{ "Name": "Linus", "Role": "Author" }
]
<th> cells object keys ban jaati hain aur har <tr> ek row-object ban jaati hai.
Common errors aur troubleshooting
- "No <table> found in the HTML." — Sunishchit karein ki pasted snippet mein sach mein ek <table> element hai. <div>s ya ek CSS layout se bana ek grid ek HTML table nahi hai aur extract nahi ho sakta.
- Headers asli names ke bajaye column_1, column_2 dikhte hain. — Table mein koi <thead> nahi hai aur uski pehli row mein koi <th> nahi hai, isliye labels synthesize hote hain. Meaningful keys ke liye <th> cells wali ek header row add karein.
- Ek merged cell output mein kai columns ya rows par repeat hoti hai. — Yeh expected hai: colspan aur rowspan expand hote hain taaki grid rectangular rahe. Spanned value har cell mein copy ho jaati hai jise usne cover kiya.
- Do columns ek header share karte hain aur ek key doosri ko overwrite karti hai. — Duplicate header labels name, name_2, waghairah ke roop mein de-duplicate hote hain, taaki har column clobber karne ke bajaye ek distinct JSON key rakhe.
Aksar pooche jaane wale sawaal
- Converter meri table se JSON keys kaise pick karta hai?
- Yeh header cells use karta hai. Ek <thead> row, ya ek pehli row jismein <th> cells hain, keys supply karti hai. Har baad ki row ek object ban jaati hai jiski values column position se un headers se align hoti hain.
- Colspan aur rowspan cells ka kya hota hai?
- Woh ek dense grid mein expand ho jaati hain. Ek colspan cell har column par repeat hoti hai jise woh cover karti hai, aur ek rowspan cell har row mein neeche carry hoti hai jise woh span karti hai, taaki har row-object mein keys ka same set ho.
- Kya yeh ek page snippet se ek se zyada table extract kar sakta hai?
- Haan. Ek poora snippet paste karein aur har <table> document order mein extract ho jaata hai. Ek Table selector aapko unke beech switch karne aur har table ka JSON ya CSV alag copy karne deta hai.
- Agar meri table mein koi header row na ho to?
- Jab koi <thead> na ho aur pehli row mein koi <th> na ho, tool column_1, column_2 waghairah named keys synthesize karta hai, aur pehli row ko drop karne ke bajaye har row ko data ki tarah treat karta hai.
- Kya yeh sirf JSON nahi, CSV bhi output karta hai?
- Haan. Format toggle ko CSV mein flip karein taaki ek RFC-4180 export mile jahan commas, quotes, ya newlines wali values sahi quoted hoti hain. Aap use copy kar sakte hain ya ek .csv file download kar sakte hain.
- Kya jo HTML main paste karta hoon woh kahin upload hota hai?
- Nahi. Markup aapke browser mein standard DOM parser se parse hota hai aur resulting JSON aur CSV aapke device par bante hain. Pasted table kabhi ek server ko nahi bheji jaati.
Related tools
- CSV to JSON Converter — CSV ya TSV ko type inference aur nesting ke saath saaf JSON mein badlein, sab browser mein.
- JSON se CSV — Flat JSON objects ke array ko CSV mein convert karein.
- CSV to Markdown Table — CSV ya TSV ko ek GitHub-flavored Markdown table mein badlein
- HTML to Markdown — HTML ko clean Markdown mein convert karein GFM tables ke saath.
- Excel to JSON Converter — Ek .xlsx ya .xls file drop karein aur kisi bhi sheet ko typed cells wale JSON mein badlein.
- JSON Formatter — JSON ko beautify, minify aur validate karein, error ki location ke saath.
Saare ArrayKit tools