كيفية إنشاء: جدول الم��س
- الصفحة السابقة جدول متداخل
- الصفحة التالية جدول مقارنة
تعلم كيفية إنشاء جدول الم��س.
جدول الم��س
إذا كانت الشاشة صغيرة جدًا بحيث لا يمكن عرض جميع المحتويات، سيظهر جدول الم��س شريط التمرير الأفقي.
أضف حجم نافذة المتصفح لرؤية التأثير:
اسم الشخص | اسم العائلة | نقاط | نقاط | نقاط | نقاط | نقاط | نقاط | نقاط | نقاط | نقاط | نقاط | نقاط | نقاط | نقاط | نقاط | نقاط | نقاط | نقاط | نقاط | نقاط |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
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
- الصفحة السابقة جدول متداخل
- الصفحة التالية جدول مقارنة