انتقل إلى محتوى الدرس

Table Headers and Dividers رأس الجدول والخطوط الفاصلة

صمّم جداول بيانات احترافية ومتاحة في بوتستراب 5.3 باستخدام كلاس table والألوان السياقية وتخطيط الصفوف والأعمدة وتفاعل المرور والحدود المضغوطة والجداول المتجاوبة للتمرير.
2 صفوف تعليمية
بوتستراب 5
0 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

لإبراز الحد الفاصل بين رؤوس الأعمدة وصفوف البيانات — أو بين جسم الجدول وصف المجاميع السفلي <tfoot> — أضف كلاس .table-group-divider إلى وسم <tbody> أو <tfoot> فيرسم خطاً علوياً سميكاً يرث لون نص الجدول تلقائياً عبر currentColor.

أما وسم عنوان الجدول التوضيحي <caption> فيظهر افتراضياً أسفل الجدول، ويمكنك رفعه إلى أعلى الجدول بلمسة واحدة عبر إضافة كلاس .caption-top على وسم <table>.

الصف 2 ملاحظة هامة