اكتب في الشبكة أعلاه فيتحدَّث HTML أسفلها مباشرة. يعمل هذا المولِّد كما تُبنى الجداول فعلًا: ترى الجدول أثناء تحريره، والترميز الذي تنسخه هو بالضبط ما تعرضه المعاينة — مُسلسَل من عنصر DOM حقيقي، لا مركَّب من سلاسل نصية.
بناء الجدول
انقر أي خلية واكتب. تُبدِّل عدادات صفوف وأعمدة حجم الشبكة (حتى 20 × 12)؛ وتحفظ الخلايا محتواها عند التكبير والتصغير، فإعادة تشكيل التخطيط لا تعني إعادة الكتابة. فعِّل صف الترويسة لتحديد الصف الأول كخلايا <th>، وعمود الترويسة لفعل ذلك في العمود الأول — تعرض الشبكة الترويسات مظلَّلة أثناء التحرير فتبقى البنية مرئية دائمًا.
يدمج دمج ← ودمج ↓ الخلية المحددة مع جارتها (منتجين وسمي colspan وrowspan حقيقيين)؛ وفصل يعيد الخلية المدمجة إلى خلايا مفردة. تُضاء أزرار الدمج فور تحديد خلية في الشبكة — انقر خلية، ادمج، واصل الكتابة.
يضيف العنوان عنصر <caption> المُيسَّر الذي تعلنه قارئات الشاشة قبل محتويات الجدول والذي يبقى ملتصقًا بالجدول أينما لصقته.
إخراج نظيف ودلالي
خيار إخراج دلالي (مفعَّل افتراضيًا) يغلف صف الترويسة في <thead> حقيقي مع scope="col" على خلايا الترويسة وscope="row" على خلايا عمود الترويسة — وهي السمات التي تستخدمها التقنيات المساعدة لقراءة الجداول صحيحة. تغطي خيارات النمط الاختلافات العملية: الحدود (كلها، خارجية فقط، بلا)، والصفوف المتناوبة، وتباعد الخلايا (مضغوط، عادي، واسع). تعكس المعاينة كل اختيار، ويبقى الترميز المولَّد أدنيًا — لا أصناف لم تطلبها، ولا أنماط مضمنة، ولا ضجيج أطر عمل.
نسخ HTML يضع الترميز الحالي في حافظتك جاهزًا للصق في صفحتك أو قالب بريدك. وتنزيل .html يغلِّف الجدول نفسه في مستند مستقل منسَّق.
استيراد ما لديك أصلًا
يقبل استيراد ملف بصيغة CSV (بفواصل أو جدولة، مع معالجة الحقول المقتبسة) والجداول HTML الموجودة، مع كشف تلقائي يختار بينهما. استيراد جدول HTML يحفظ بنيته — الترويسات والعناوين وأي دمج colspan/rowspan — في الشبكة كي تعيد تشكيله وتصدِّر نسخة أنظف. واستيراد CSV يحوِّل كل سطر إلى صف جدول جاهز للترويسة والتنسيق. وفي الحالين يصبح الجدول قابلًا للتحرير فور وصوله.
كل شيء يبقى على جهازك
يعمل المولِّد كليًا في متصفحك: الشبكة والمصدر والمعاينة صفحة واحدة، ولا شيء يُرسَل إلى أي مكان. يُحفَظ جدولك في التخزين المحلي أثناء العمل — فالتبويب المغلق ليس جدولًا ضائعًا — وإعادة تعيين تمسح عائدةً إلى المثال الافتتاحي حين تريد البدء من جديد.
أسئلة شائعة
هل يعمل الترميز في البريد الإلكتروني؟ يستخدم الجزء المولَّد عناصر جداول HTML القياسية مع ترميز دلالي للترويسات. كما يضيف خيار تنزيل .html ورقة أنماط صغيرة تحافظ على اختيارات الحدود والتباعد في المستند المستقل، من دون إضافة سمات عرض تقديمي إلى الجزء المنسوخ.
هل يمكن لصق هذا في Markdown؟ جداول Markdown لا تدعم الدمج ولا العنوان. لأجل Markdown أبقِ الجدول بسيطًا — أو استخدم محرر Markdown في هذا الموقع الذي تطابق صياغةُ جدوله حالاتِه البسيطة.
لماذا التسلسل من عنصر DOM؟ بناء الترميز بدمج السلاسل هو كيف تتسلل علامات الاقتباس الشاردة والنصوص غير المتescaped إلى المخرجات. تسلسل عنصر حقيقي يعني أن محلل المتصفح نفسه يضمن ترميزًا جيد البنية.
هل أولِّد جداول منسَّقة؟ يتضمن التنزيل ورقة أنماط صغيرة تطابق اختياراتك للحدود والتناوب والتباعد؛ أما الجزء المنسوخ فيبقى أدني الأصناف ليندمج بنظافة في CSS الموجود لديك.