مولد جدول HTML سريع الاستجابة - التمرير عبر الهاتف المحمول
قم بإنشاء جدول HTML بشكل مرئي عن طريق النقر فوق الخلايا والكتابة - احصل على ترميز واضح ودلالي للجدول من خلال معاينة مباشرة، دون الحاجة إلى تنسيق للصق أو التحويل.
النتيجة
تفتح هذه الصفحة أداة إنشاء الجدول مع نموذج عريض مكون من سبعة أعمدة تم ملؤه بالفعل وتم تشغيل المجمّع المستجيب بالفعل، حتى تتمكن من رؤية الإصلاح قيد التنفيذ على الفور.
تعد الجداول العريضة أحد العناصر القليلة التي لا يمكن لـ CSS ذات الاستجابة البسيطة إعادة التدفق - يلتف النص، لكن الأعمدة لا تفعل ذلك، لذا فإن الجدول الذي يحتوي على ستة أعمدة أو أكثر إما أن يفيض على الشاشة أو يضغط على كل خلية صغيرة بشكل غير قابل للقراءة على الهاتف. التفاف الجدول في div باستخدام overflow-x: يبقيه تلقائي في عرضه الطبيعي ويتيح للزائر تمريره جانبيًا بدلاً من كسر تخطيط الصفحة.
قم بإضافة أو إزالة الأعمدة لمطابقة بياناتك الخاصة، وانقر فوق أي خلية لتحريرها، وانسخ الترميز النهائي - تتم إضافة div المجمّع فقط أثناء تشغيل مربع الاختيار هذا، حتى تتمكن من مقارنة HTML المغلف وغير المغلف جنبًا إلى جنب.