جداول پایه
مدیریت کاربران
| # | نام | شغل | ایمیل | اضافه شده در | دسته بندی | مدیریت |
|---|---|---|---|---|---|---|
| 1 | نام خانوادگی
ایران - قم |
طراح سایت
شغل قبلی : صدابردار |
email@domain.ir
09123456789 |
15 فروردین 1401
10:55 AM |
||
| 2 | نام خانوادگی
ایران - قم |
طراح سایت
شغل قبلی : صدابردار |
email@domain.ir
09123456789 |
15 فروردین 1401
10:55 AM |
||
| 3 | نام خانوادگی
ایران - قم |
طراح سایت
شغل قبلی : صدابردار |
email@domain.ir
09123456789 |
15 فروردین 1401
10:55 AM |
||
| 4 | نام خانوادگی
ایران - قم |
طراح سایت
شغل قبلی : صدابردار |
email@domain.ir
09123456789 |
15 فروردین 1401
10:55 AM |
||
| 5 | نام خانوادگی
ایران - قم |
طراح سایت
شغل قبلی : صدابردار |
email@domain.ir
09123456789 |
15 فروردین 1401
10:55 AM |
||
| 6 | نام خانوادگی
ایران - قم |
طراح سایت
شغل قبلی : صدابردار |
email@domain.ir
09123456789 |
15 فروردین 1401
10:55 AM |
||
| 7 | نام خانوادگی
ایران - قم |
طراح سایت
شغل قبلی : صدابردار |
email@domain.ir
09123456789 |
15 فروردین 1401
10:55 AM |
جداول پایه
اضافه کردن کلاس .table
| # | نام | نام خانوادگی | نام کاربری | دسترسی |
|---|---|---|---|---|
| 1 | نام | نام خانوادگی | @Username | Owner |
| 2 | نام | نام خانوادگی | @Username | Owner |
| 3 | نام | نام خانوادگی | @Username | Owner |
| 4 | نام | نام خانوادگی | @Username | Owner |
| 5 | نام | نام خانوادگی | @Username | Owner |
| 6 | نام | نام خانوادگی | @Username | Owner |
جدول شناور
اضافه کردن کلاس .table-hover
| # | نام محصول | محبوبیت | سود/زیان |
|---|---|---|---|
| 1 | گوجه | 0,-3,-2,-4,-5,-4,-3,-2,-5,-1 | 28.76% |
| 2 | موز | 0,-1,-1,-2,-3,-1,-2,-3,-1,-2 | 8.55% |
| 3 | خیار | 0,3,6,1,2,4,6,3,2,1 | 58.56% |
| 4 | نارگیل | 0,3,6,4,5,4,7,3,4,2 | 35.76% |
جدول راه راه
برای حاشیه ها در همه طرف جدول و سلول هااز کلاس .table-striped استفاده کنید.
جدول واکنشگرا
برای ساخت جدول واکنشگرا اول از کلاس .table و سپس از کلاس .table-responsive استفاده کنید.
| صورتحساب | کاربر | تاریخ | مبلغ | وضعیت | کشور |
|---|---|---|---|---|---|
| صورت حساب #26589 | نام خانوادگی | 25 فروردین 1401 | 45000 تومان |
پرداخت شده
|
ایران |
| صورت حساب #58746 | نام خانوادگی | 25 اردیبهشت 1401 | 245000 تومان |
ارسال شد
|
ایران |
| صورت حساب #98458 | نام خانوادگی | 25 خرداد 1401 | 38000 تومان |
ارسال شد
|
ایران |
| صورت حساب #32658 | نام خانوادگی | 25 تیر 1401 | 78000 تومان |
پرداخت شده
|
ایران |
کلاس های متنی
از این کلاس ها ( .active, .success, .info, .warning, .danger ) استفاده کنید تا هر ستون رنگ بخصوصی داشته باشد.
| # | عنوان ستون | عنوان ستون | عنوان ستون |
|---|---|---|---|
| 1 | محتوای ستون | محتوای ستون | محتوای ستون |
| 2 | محتوای ستون | محتوای ستون | محتوای ستون |
| 3 | محتوای ستون | محتوای ستون | محتوای ستون |
| 4 | محتوای ستون | محتوای ستون | محتوای ستون |
| 5 | محتوای ستون | محتوای ستون | محتوای ستون |
