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

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

1. أدخل بيانات CSV، الفاصل بين الخلايا، الصف الأول عناوين الأعمدة، اتجاه من اليمين لليسار (dir="rtl") واحذف المسافات حول كل خلية.
2. تظهر النتيجة فورًا وتتحدّث مع كل تعديل.
3. انسخ النتيجة، أو انسخ رابطًا يحفظ القيم نفسها لمشاركتها.

طريقة الحساب

يصبح الصف الأول خلايا <th> داخل <thead> إذا فعّلت خيار العناوين، وبقية الصفوف خلايا <td> داخل <tbody>. تتحول الرموز & و< و> و" إلى &amp; و&lt; و&gt; و&quot;، وفاصل السطر إلى <br>.

مثال

المدخلات: الفاصل بين الخلايا = اكتشاف تلقائي، الصف الأول عناوين الأعمدة = نعم، اتجاه من اليمين لليسار (dir="rtl") = لا، احذف المسافات حول كل خلية = نعم. النتيجة: كود HTML: <table> <thead> <tr><th>product</th><th>price</th><th>qty</th></tr> </thead> <tbody> <tr><td>Tea</td><td>12.5</td><td>3</td></tr> <tr><td>Coffee</td><td>18</td><td>2</td></tr> <tr><td>Dates</td><td>30</td><td>1</td></tr> </tbody> </table>، عدد الصفوف: 4، عدد الأعمدة: 3.

product,price,qty
Tea,12.5,3
Coffee,18,2
Dates,30,1

<table>
  <thead>
    <tr><th>product</th><th>price</th><th>qty</th></tr>
  </thead>
  <tbody>
    <tr><td>Tea</td><td>12.5</td><td>3</td></tr>
    <tr><td>Coffee</td><td>18</td><td>2</td></tr>
    <tr><td>Dates</td><td>30</td><td>1</td></tr>
  </tbody>
</table>

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

• الكود لا يضيف تنسيق CSS، فيظهر الجدول بتنسيق موقعك أو المتصفح.
• الصفوف الأقصر تُكمل بخلايا فارغة، ولا يوجد دمج خلايا (colspan).