جدول پایه
از .table-bordered در table استفاده کنید
| # | خریدار | محصول | شماره محصول |
|---|---|---|---|
| 1 | علی محمدی | سایت وردپرس | 67384917 |
| 2 | همزه هلالی | کرات ویزیت | 789393819 |
| 3 | علی احمدی | ساخت اپلیکیشن | 137893137 |
| 4 | فاطمه گودرزی | طراحی داشبرد | 235193138 |
| 5 | مهران محبت | مدیریت محصول | 19938917 |
جدول با هدر رنگی
از .thead-{state} در table استفاده کنید
| # | خریدار | محصول | شماره محصول |
|---|---|---|---|
| 1 | علی محمدی | سایت وردپرس | 67384917 |
| 2 | همزه هلالی | کرات ویزیت | 789393819 |
| 3 | علی احمدی | ساخت اپلیکیشن | 137893137 |
| 4 | فاطمه گودرزی | طراحی داشبرد | 235193138 |
| 5 | مهران محبت | مدیریت محصول | 19938917 |
جدول راه‌راه
از .table-stripedدر table استفاده کنید
| # | خریدار | محصول | شماره محصول |
|---|---|---|---|
| 1 | علی محمدی | سایت وردپرس | 67384917 |
| 2 | همزه هلالی | کرات ویزیت | 789393819 |
| 3 | علی احمدی | ساخت اپلیکیشن | 137893137 |
| 4 | فاطمه گودرزی | طراحی داشبرد | 235193138 |
| 5 | مهران محبت | مدیریت محصول | 19938917 |
جدول قابل هاور شدن
از .table-hoverدر table استفاده کنید
| # | خریدار | محصول | شماره محصول |
|---|---|---|---|
| 1 | علی محمدی | سایت وردپرس | 67384917 |
| 2 | همزه هلالی | کرات ویزیت | 789393819 |
| 3 | علی احمدی | ساخت اپلیکیشن | 137893137 |
| 4 | فاطمه گودرزی | طراحی داشبرد | 235193138 |
| 5 | مهران محبت | مدیریت محصول | 19938917 |
جدول با تصویر
| کاربر | محصول | شماره محصول |
|---|---|---|
 علی محمدی |
سایت وردپرس | 67384917 |
 همزه هلالی |
کرات ویزیت | 789393819 |
 علی احمدی |
ساخت اپلیکیشن | 137893137 |
 آرتین صادقی |
طراحی داشبرد | 235193138 |
 مهران محبت |
مدیریت محصول | 19938917 |
جدول رسپانسیو
از table در.table-responsive استفاده کنید
| # | خریدار | محصول | شماره محصول |
|---|---|---|---|
| 1 | علی محمدی | سایت وردپرس | 67384917 |
| 2 | همزه هلالی | کرات ویزیت | 789393819 |
| 3 | علی احمدی | ساخت اپلیکیشن | 137893137 |
| 4 | فاطمه گودرزی | طراحی داشبرد | 235193138 |
| 5 | مهران محبت | مدیریت محصول | 19938917 |