تحويل JSON إلى جدول HTML

طريقة الاستخدام

1. أدخل نص JSON.
2. تظهر النتيجة فورًا وتتحدّث مع كل تعديل.
3. انسخ النتيجة، أو انسخ رابطًا يحفظ القيم نفسها لمشاركتها.

طريقة الحساب

أعمدة الجدول هي كل المفاتيح التي تظهر في الكائنات بترتيب أول ظهور، وكل كائن صف. المصفوفة من مصفوفات تعطي صفوفا بلا عناوين، والكائن المفرد يعطي صفا واحدا. القيمة المتداخلة تُكتب نص JSON، وتُهرّب & و< و> و".

مثال

النتيجة: كود جدول HTML: <table> <thead> <tr> <th>name</th> <th>city</th> <th>age</th> </tr> </thead> <tbody> <tr> <td>سارة</td> <td>جدة</td> <td></td> </tr> <tr> <td>Omar</td> <td></td> <td>34</td> </tr> </tbody> </table>، عدد الصفوف: 2، عدد الأعمدة: 3.

[{"name": "سارة", "city": "جدة"}, {"name": "Omar", "age": 34}]

<table>
  <thead>
    <tr>
      <th>name</th>
      <th>city</th>
      <th>age</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>سارة</td>
      <td>جدة</td>
      <td></td>
    </tr>
    <tr>
      <td>Omar</td>
      <td></td>
      <td>34</td>
    </tr>
  </tbody>
</table>

الحدود والملاحظات

• البيانات المتداخلة لا تتحول إلى جداول فرعية، بل تظهر نص JSON داخل الخلية.
• الكود بلا تنسيق CSS، فأضف الأنماط التي تناسب موقعك.