کدهای جذاب و دیدنی ( CSS Responsive Tables ) : واکنشگرا کردن جداول با CSS

دسته بندی: HTML و CSS
زمان مطالعه: ۱ دقیقه
۰۴ اردیبهشت ۱۳۹۶

در این قسمت میخوام یک کد ( CSS Responsive Tables ) جالب رو در اختیارتون بزارم.

CSS Responsive Tables

همونطور که دیدید جداول موجود در صفحه دمو به زیبایی و با استفاده از CSS خالص واکنشگرا شدن. زمانی که عرض مرورگر از عرض جداول کمتر میشه، یک اسکرول افقی برای جداول قرار داده میشه و میتونین با حرکت اون به سمت راست، کل اطلاعات جدول رو مشاهده کنید. همچنین میتونین با استفاده از این کد یک ستون رو ثابت نگه دارید و بقیه رو واکنشگرا کنید.

بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.

موفق باشید.

یا علی

Source

نویسنده
بسیار به طراحی وب علاقمندم و به سرعت در حال یادگیری تمام مباحث پیشرفته هستم و دوست دارم که به دیگران هم یاد بدهم.

نظرات کاربران

اولین دیدگاه این پست رو تو بنویس !

ارسال دیدگاه
خوشحال میشیم دیدگاه و یا تجربیات خودتون رو با ما در میون بذارید :

 
گزارش مشکل