كيفية إنشاء: جدول الم��س

تعلم كيفية إنشاء جدول الم��س.

جدول الم��س

إذا كانت الشاشة صغيرة جدًا بحيث لا يمكن عرض جميع المحتويات، سيظهر جدول الم��س شريط التمرير الأفقي.

أضف حجم نافذة المتصفح لرؤية التأثير:

اسم الشخص اسم العائلة نقاط نقاط نقاط نقاط نقاط نقاط نقاط نقاط نقاط نقاط نقاط نقاط نقاط نقاط نقاط نقاط نقاط نقاط نقاط
Jill Smith 50 50 50 50 50 50 50 50 50 50 50 50 50 50 50 50 50 50 50
Eve Jackson 94 94 94 94 94 94 94 94 94 94 94 94 94 94 94 94 94 94 94
Adam Johnson 67 67 67 67 67 67 67 67 67 67 67 67 67 67 67 67 67 67 67

لإنشاء جدول م��س، أضف مكون يحتوي على overflow-x:auto عنصر الحاوية:

<div style="overflow-x:auto;">
  <table>
    ...
  </table>
</div>

جربها بنفسك

ملاحظة:في OS X Lion (Mac) يتم إخفاء شريط التمرير بشكل افتراضي، ويظهر فقط عند الاستخدام (حتى لو تم تعيين "overflow:scroll" أو auto).

الصفحات ذات الصلة

دليل:جداول CSS