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



visibility  
mode_comment   ۰

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

CSS Responsive Tables

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

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

موفق باشید.

یا علی

Source

متخصص فرانت اِند
طراحی وب را اصولی فرا بگیرید اگر تصمیمتو گرفتی که به صورت حرفه ای به طراحی UI مشغول بشی و کسب درآمد کنی دوره فرانت اند رو از دست نده، چون توی این دوره هر چیزی که برای رسیدن به هدفت نیاز داری رو در اختیارت قرار می دیم. متخصص فرانت اِند arrow_back
7Learn Experts
comment دیدگاه کاربران

add_circle ارسال دیدگاه

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