جداول
جدول پایه
فقط کلاس پایه را اضافه کنید.table
to any
<table>
, then extend with custom styles.
| نام پروژه | سررسید | اولویت | اعضا | اقدامات |
|---|---|---|---|---|
| 2 ژوئن | متوسط |
+5
|
||
| 12 ژوئن | بالا |
+5
|
||
| 14 اوت | کم |
+1
|
||
| 20 سپتامبر | متوسط |
+5
|
گزینه های سر جدول
از کلاس های اصلاح کننده استفاده کنید.table-light
to make
<thead>
appear light gray.
| نام پروژه | سررسید | اولویت | اعضا | اقدامات |
|---|---|---|---|---|
| 2 ژوئن | متوسط |
+5
|
||
| 12 ژوئن | بالا |
+5
|
||
| 14 اوت | کم |
+1
|
||
| 20 سپتامبر | متوسط |
+5
|
میز راه راه
استفاده کنید.table-striped
to add zebra-striping to any table row within the
<tbody>
.
| نام پروژه | سررسید | اولویت | اعضا | اقدامات |
|---|---|---|---|---|
| 2 ژوئن | متوسط |
+5
|
||
| 12 ژوئن | بالا |
+5
|
||
| 14 اوت | کم |
+1
|
||
| 20 سپتامبر | متوسط |
+5
|
جدول حاشیه
اضافه کردن.table-bordered
for borders on all sides of the table and cells.
| نام پروژه | سررسید | اولویت | اعضا | اقدامات |
|---|---|---|---|---|
| 2 ژوئن | متوسط |
+5
|
||
| 12 ژوئن | بالا |
+5
|
||
| 14 اوت | کم |
+1
|
||
| 20 سپتامبر | متوسط |
+5
|
رنگ حاشیه جدول
ابزارهای رنگ حاشیه مانند.border-*
be added to change colors.
| نام پروژه | سررسید | اولویت | اعضا | اقدامات |
|---|---|---|---|---|
| 2 ژوئن | متوسط |
+5
|
||
| 12 ژوئن | بالا |
+5
|
||
| 14 اوت | کم |
+1
|
||
| 20 سپتامبر | متوسط |
+5
|
جدول بدون حاشیه
اضافه کردن.table-borderless
for a table without borders.
| نام پروژه | سررسید | اولویت | اعضا | اقدامات |
|---|---|---|---|---|
| 2 ژوئن | متوسط |
+5
|
||
| 12 ژوئن | بالا |
+5
|
||
| 14 اوت | کم |
+1
|
||
| 20 سپتامبر | متوسط |
+5
|
جدول شناور
اضافه کردن.table-hover
to enable a hover state on table rows within a
<tbody>
.
| نام پروژه | سررسید | اولویت | اعضا | اقدامات |
|---|---|---|---|---|
| 2 ژوئن | متوسط |
+5
|
||
| 12 ژوئن | بالا |
+5
|
||
| 14 اوت | کم |
+1
|
||
| 20 سپتامبر | متوسط |
+5
|
لانه سازی
سبک‌های حاشیه، سبک‌های فعال و انواع جدول توسط جداول تودرتو به ارث نمی‌رسند.
| نام پروژه | سررسید | اولویت | اعضا | اقدامات | |||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 2 ژوئن | متوسط |
+5
|
|||||||||||||||||
|
|||||||||||||||||||
| 20 سپتامبر | متوسط |
+5
|
|||||||||||||||||
جدول فعال
یک ردیف یا سلول جدول را با افزودن a برجسته کنید.table-active
class.
| نام پروژه | سررسید | اولویت | اعضا | اقدامات |
|---|---|---|---|---|
| 2 ژوئن | متوسط |
+5
|
||
| 12 ژوئن | بالا |
+5
|
||
| 14 اوت | کم |
+1
|
||
| 20 سپتامبر | متوسط |
+5
|
میز کوچک
اضافه کردن.table-sm
to make tables more compact by cutting cell padding in half.
| نام پروژه | سررسید | اولویت | اعضا | اقدامات |
|---|---|---|---|---|
| 2 ژوئن | متوسط |
+5
|
||
| 12 ژوئن | بالا |
+5
|
||
| 14 اوت | کم |
+1
|
||
| 20 سپتامبر | متوسط |
+5
|