كيف - الجداول المستجيبة
تعرف على كيفية إنشاء جدول سريع الاستجابة.
جداول الاستجابة
سيعرض الجدول سريع الاستجابة شريط تمرير أفقي إذا كانت الشاشة صغيرة جدًا لعرض المحتوى الكامل. قم بتغيير حجم نافذة المتصفح لرؤية التأثير:
الاسم الاول | اسم العائلة | نقاط | نقاط | نقاط | نقاط | نقاط | نقاط | نقاط | نقاط | نقاط | نقاط | نقاط | نقاط | نقاط | نقاط | نقاط | نقاط | نقاط | نقاط | نقاط |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
جيل | حداد | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 |
حواء | جاكسون | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 |
آدم | جونسون | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 |
لإنشاء جدول سريع الاستجابة ، أضف عنصر حاوية به overflow-x:auto
حول <table>:
مثال
<div style="overflow-x:auto;">
<table>
...
</table>
</div>
ملاحظة: في OS X Lion (في Mac) ، يتم إخفاء أشرطة التمرير افتراضيًا ولا تظهر إلا عند استخدامها (على الرغم من تعيين "overflow: scroll" أو ضبط تلقائي).
نصيحة: انتقل إلى البرنامج التعليمي الخاص بجداول CSS لمعرفة المزيد حول كيفية تصميم الجداول.