صمّم جداول بيانات احترافية ومتاحة في بوتستراب 5.3 باستخدام كلاس table والألوان السياقية وتخطيط الصفوف والأعمدة وتفاعل المرور والحدود المضغوطة والجداول المتجاوبة للتمرير.
3 صفوف تعليمية
بوتستراب 5
0 مشاهدة
شرح صفوف ومحتوى الفقرة
الصف 1
شرح توضيحي
يتبع بوتستراب 5 مبدأ التفعيل الصريح الاختياري عند تنسيق الجداول؛ إذ تترك طبقة التطبيع وسم <table> الخام بدون حشو أو خطوط ثقيلة حتى لا تتعطل مكتبات التقاويم ومحررات النصوص الخارجية التي تستخدم الجداول داخلياً، ولا يبدأ التنسيق إلا عند إضافة كلاس .table صراحةً.
لتحقيق أعلى توافق مع قارئات الشاشة ومحركات التنسيق، التزم دائماً بتقسيم الجدول دلالياً إلى <thead> لرؤوس الأعمدة المزودة بسمة scope="col"، و<tbody> لصفوف البيانات المزودة بسمة scope="row" على خلية المعرّف الأولى.
الصف 2
صورة توضيحية
الشكل 1: التسلسل المعماري لتغليف وتنسيق جداول البيانات في Bootstrap 5.3.
تشريح طبقات الجدول القياسي ومغلف التمرير المتجاوب في بوتستراب 5
الصف 3
ملاحظة هامة
جميع فقرات هذا الدرس (تنسيق الجداول في بوتستراب 5)
