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

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

فهرست محتوای این مقاله

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

    CSS Responsive Tables

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

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

    موفق باشید.

    یا علی

    Source

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

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

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

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

     
    گزارش مشکل