در حال بارگیری پنل مدیریت...

    • نشانک ها
      آیکون نشانک ها بصورت شبکه ای
    • داشبورد شبکه ای
      شبکه کشویی داخل
    • محتوا
      فعالیت
      مخاطب
      گزارش ها
      اتوماسیون
      تنظیمات
    • اعلان ها
      شما 6 پیام خوانده نشده دارید
    • شخصی پستهای شما را لایک کرد

      2 ساعت قبل

    • 3 نظر جدید

      1 ساعت قبل

    • همه اعلان ها
    • ایمان پاکروح
      طراح سایت
    • پروفایل
    • صندوق پستی
    • میز کار
    • تنظیمات

جداول پایه بوت استرپ

پنل ادمین
  2. جداول
  3. جداول بوت استرپ
  4. جداول پایه
جداول پایه
استفاده کنید از کلاسtable به هر جدول
# نام نام خانوادگی نام کاربری نقش کشور
1 الكساندر استونی @alxston مدیر ایالات متحده آمریکا
2 جان دیو @johndeo کاربر ایالات متحده آمریکا
3 رندی اورتن @twitter مدیر انگلستان
4 رندی مارک @mdothe کاربر آرژانتین
5 هلما ترووین @twitter مدیر هند
جدول معکوس
استفاده کنید از کلاس table-inverse داخل عنصر جدول.
# نام نام خانوادگی نام کاربری نقش کشور
1 الكساندر استونی @alxston مدیر ایالات متحده آمریکا
2 جان دیو @johndeo کاربر ایالات متحده آمریکا
3 رندی اورتن @twitter مدیر انگلستان
4 رندی مارک @mdothe کاربر آرژانتین
5 هلما ترووین @twitter مدیر هند
جدول معکوس با پس زمینه اولیه
استفاده کنید از کلاس .bg-info, .bg-success, .bg-warning and .bg-danger classes.با متن روشن روی زمینه های تیره داخل عنصر جدول.
برای تنظیم رنگ پس زمینه روشن ، از کلاس .bg-[color] استفاده کنید که در آن [color] مقدار رنگ انتخابی شما از پالت رنگی پشته است. بنابراین برای رنگ teal کلاس رنگ پس زمینه .bg-teal خواهد بود
# نام نام خانوادگی نام کاربری نقش کشور
1 الكساندر استونی @alxston مدیر ایالات متحده آمریکا
2 جان دیو @johndeo کاربر ایالات متحده آمریکا
3 رندی اورتن @twitter مدیر انگلستان
4 رندی مارک @mdothe کاربر آرژانتین
5 هلما ترووین @twitter مدیر هند
ردیف های قابل حمل
استفاده کنید از کلاس table-hover برای فعال کردن حالت شناور در ردیف های جدول در یک tbody.
# نام نام خانوادگی نام کاربری نقش کشور
1 الکساندر اورتن @mdorton مدیر آمریکا
2 جان دیو @johndeo کاربر ایالات متحده آمریکا
3 رندی اورتن @twitter مدیر انگلستان
4 رندی مارک @mdothe کاربر آرژانتین
5 هلما ترووین @twitter مدیر هند
کلاسهای متنی
از کلاسهای متنی برای رنگ آمیزی ردیف های جدول یا سلول های جداگانه استفاده کنید. شما می توانید از کلاسها استفاده کنیدtable-primary,table-secondary,table-success,table-info,table-warning,table-danger,table-light,table-active intr
کلاس عنوان عنوان
اولیه سلول سلول
ثانوی سلول سلول
موفقیت سلول سلول
اطلاعات سلول سلول
هشدار سلول سلول
خطر سلول سلول
لایت سلول سلول
فعال سلول سلول
ابزارهای نوشتاری یا پس زمینه
انواع جدول منظم جدول با جدول معکوس در دسترس نیستند ، اما ممکن است از کلاسها استفاده کنیدbg-dark,bg-warning,bg-success,bg-info,bg-danger,bg-primary,bg-secondary,bg-light intd
# عنوان عنوان
1 اولیه اولیه
2 ثانویه ثانویه
3 موفقیت موفقیت
4 اطلاعات اطلاعات
5 هشدار دهنده هشدار دهنده
6 خطر خطر
7 لایت لایت
گزینه های جدول
مشابه جداول و جداول تیره ، از کلاسهای اصلاح کننده استفاده کنید.thead-dark ساختن thead خاکستری روشن یا تیره به نظر می رسد.
# نام نام خانوادگی نام کاربری
1 مارک اتو @mdo
2 حمید ظارئی @fat
3 لیلا قاسمی @twitter
گزینه های جدول
مشابه جداول و جداول تیره ، از کلاسهای اصلاح کننده استفاده کنید.bg-*and .thead-light ساختن thead خاکستری روشن یا تیره به نظر می رسد.
# نام نام خانوادگی نام کاربری
1 مارک اتو @mdo
2 حمید ظارئی @fat
3 لیلا قاسمی @twitter
ردیف راه راه
استفاده کنید از .table-striped برای افزودن راه راه گورخر به هر ردیف جدول در . این سبک در IE8 و پایین کار نمی کند زیرا: انتخابگر CSS از :nth-child پشتیبانی نمیکند.
# نام نام خانوادگی نام کاربری
1 مارک اتو @mdo
2 حمید ظارئی @fat
3 لیلا قاسمی @twitter
ردیف راه راه با جدول معکوس with Inverse Table
استفاده کنید از .table-striped برای افزودن راه راه گورخر به هر ردیف جدول در . این سبک در IE8 و پایین کار نمی کند زیرا: انتخابگر CSS از :nth-child پشتیبانی نمیکند.
# نام نام خانوادگی نام کاربری
1 مارک اتو @mdo
2 حمید ظارئی @fat
3 لیلا قاسمی @twitter
زیرنویس
A <caption> مانند عنوان جدول کار می کند. این به کاربران با صفحه خوان کمک می کند تا یک جدول پیدا کنند و موضوع را بفهمند و تصمیم بگیرند که آیا می خواهند آن را بخوانند
لیست کاربران
# نام نام خانوادگی نام کاربری
1 مارک اتو @mdo
2 حمید ظارئی @fat
3 لیلا قاسمی @twitter
جداول پاسخگو
A <caption> مانند عنوان جدول کار می کند. این به کاربران با صفحه خوان کمک می کند تا یک جدول پیدا کنند و موضوع را بفهمند و تصمیم بگیرند که آیا می خواهند آن را بخوانند
# عنوان جدول عنوان جدول عنوان جدول عنوان جدول عنوان جدول عنوان جدول عنوان جدول عنوان جدول عنوان جدول عنوان جدول عنوان جدول عنوان جدول عنوان جدول عنوان جدول
1 سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول
2 سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول
3 سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول
شکستن نقطه خاص
استفاده کنید از .table-responsive{-sm|-md|-lg|-xl} مانند عنوان جدول کار می کند. این به کاربران با صفحه خوان کمک می کند تا یک جدول پیدا کنند و موضوع را بفهمند و تصمیم بگیرند که آیا می خواهند آن را بخوانند
# عنوان جدول عنوان جدول عنوان جدول عنوان جدول عنوان جدول
1 سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول
2 سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول
3 سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول
# عنوان جدول عنوان جدول عنوان جدول عنوان جدول عنوان جدول
1 سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول
2 سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول
3 سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول
# عنوان جدول عنوان جدول عنوان جدول عنوان جدول عنوان جدول
1 سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول
2 سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول
3 سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول
# عنوان جدول عنوان جدول عنوان جدول عنوان جدول عنوان جدول
1 سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول
2 سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول
3 سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول