چگونه ایجاد کنم: جدول پاسخگو

آموزش ایجاد جدول پاسخگو.

جدول پاسخگو

اگر صفحه نمایش کوچک است و نمی‌توان تمام محتوا را نمایش داد، جدول پاسخگو نوار прокسیلار افقی را نمایش می‌دهد.

لطفاً اندازه پنجره مرورگر را تنظیم کنید تا نتایج را مشاهده کنید:

نام نام خانوادگی نقاط نقاط نقاط نقاط نقاط نقاط نقاط نقاط نقاط نقاط نقاط نقاط نقاط نقاط نقاط نقاط نقاط نقاط نقاط
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

برای ایجاد یک جدول پاسخگو، یک جدول محتوی در اطراف <table> اضافه کنید که شامل overflow-x:auto عنصر محتوا:

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

به طور شخصی امتحان کنید

توجه داشته باشید:در macOS Lion (Mac)، نوار прокسیلار به صورت پیش‌فرض مخفی است و تنها زمانی نمایش داده می‌شود که استفاده می‌شود (حتی اگر "overflow:scroll" یا auto تنظیم شده باشد).

صفحات مرتبط

آموزش‌ها:جداول CSS