فرمت های جدول اصلی

جدول پایه

styling—light - dividers—add
.table
<table>

شرح جدول
#	لورم ایپسوم	1لورم ایپسوم	لورم ایپسوم2
1	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم
2	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم
3	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم

جدول فرمت راه راه

table-striped
zebra-striping
<tbody>

شرح جدول
#	لورم ایپسوم1	لورم ایپسوم2	لورم ایپسوم3
1	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم
2	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم
3	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم

جدول ساده با کادر

.table-bordered

شرح جدول
#	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم
1	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم
2	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم
3	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم

جدول با قابلیت هاور

.table-hover
<body>

شرح جدول
#	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم
1	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم
2	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم
3	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم

جدول تراکمی

.table-condensed

شرح جدول.
#	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم
1	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم
2	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم
3	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم

جدول با ردیف های رنگی

شرح جدول
#	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم
1	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم
2	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم
3	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم

جداول ریسپانسیو

.table
.table-responsive

#	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم
1	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم
2	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم
3	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم

#	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم
1	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم
2	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم
3	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم	لورم ایپسوم

<div class="table-responsive"> <table class="table"> <thead> <tr> <th>#</th> <th>لورم ایپسوم</th> <th>لورم ایپسوم</th> <th>لورم ایپسوم</th> <th>لورم ایپسوم</th> <th>لورم ایپسوم</th> <th>لورم ایپسوم</th> </tr> </thead> <tbody> <tr> <th scope="row">1</th> <td>لورم ایپسوم</td> <td>لورم ایپسوم</td> <td>لورم ایپسوم</td> <td>لورم ایپسوم</td> <td>لورم ایپسوم</td> <td>لورم ایپسوم</td> </tr> <tr> <th scope="row">2</th> <td>لورم ایپسوم</td> <td>لورم ایپسوم</td> <td>لورم ایپسوم</td> <td>لورم ایپسوم</td> <td>لورم ایپسوم</td> <td>لورم ایپسوم</td> </tr> <tr> <th scope="row">3</th> <td>لورم ایپسوم</td> <td>لورم ایپسوم</td> <td>لورم ایپسوم</td> <td>لورم ایپسوم</td> <td>لورم ایپسوم</td> <td>لورم ایپسوم</td> </tr> </tbody> </table> <table class="table table-bordered"> <thead> <tr> <th>#</th> <th>لورم ایپسوم</th> <th>لورم ایپسوم</th> <th>لورم ایپسوم</th> <th>لورم ایپسوم</th> <th>لورم ایپسوم</th> <th>لورم ایپسوم</th> </tr> </thead> <tbody> <tr> <th scope="row">1</th> <td>لورم ایپسوم</td> <td>لورم ایپسوم</td> <td>لورم ایپسوم</td> <td>لورم ایپسوم</td> <td>لورم ایپسوم</td> <td>لورم ایپسوم</td> </tr> <tr> <th scope="row">2</th> <td>لورم ایپسوم</td> <td>لورم ایپسوم</td> <td>لورم ایپسوم</td> <td>لورم ایپسوم</td> <td>لورم ایپسوم</td> <td>لورم ایپسوم</td> </tr> <tr> <th scope="row">3</th> <td>لورم ایپسوم</td> <td>لورم ایپسوم</td> <td>لورم ایپسوم</td> <td>لورم ایپسوم</td> <td>لورم ایپسوم</td> <td>لورم ایپسوم</td> </tr> </tbody> </table> </div>