جداول پایه
مثال اساسی
برای یک ظاهر طراحی اولیه - بالشتک های سبک و فقط تقسیم کننده های افقی - کلاس پایه را اضافه کنید.tableبه هر<table>.
| نام | شماره تلفن | تاریخ تولد | کشور |
|---|---|---|---|
| ریسا دی. پیرسون | 336-508-2157 | 24 جولای 1950 | هند |
| آن سی تامپسون | 646-473-2057 | 25 ژانویه 1959 | ایالات متحده آمریکا |
| پل جی. دوست | 281-308-0793 | 1 سپتامبر 1939 | کانادا |
| لیندا جی اسمیت | 606-253-1207 | 3 مه 1962 | برزیل |
جدول معکوس
همچنین میتوانید رنگها را با متن روشن روی پسزمینههای تیره معکوس کنید.table-dark.
| نام | شماره تلفن | تاریخ تولد | کشور |
|---|---|---|---|
| ریسا دی. پیرسون | 336-508-2157 | 24 جولای 1950 | مالزی |
| آن سی تامپسون | 646-473-2057 | 25 ژانویه 1959 | بلژیک |
| پل جی. دوست | 281-308-0793 | 1 سپتامبر 1939 | استرالیا |
| شان سی نگوین | 269-714-6825 | 5 فوریه 1994 | الجزایر |
گزینه های سر جدول
از یکی از دو کلاس اصلاح کننده برای ساخت استفاده کنید<thead>s سبک به نظر می رسند یا خاکستری تیره
| محصول | پیک | فرآیند | وضعیت |
|---|---|---|---|
| کمر بلند ASOS Ridley | فدرال اکسپرس | تحویل داده شد | |
| پیراهن سبک وزن مارکو | DHL | ارسال شد | |
| پیراهن نیم آستین | روشن | سفارش دریافت شد | |
| ژاکت سبک | فدرال اکسپرس | تحویل داده شد | |
| شلوار و پیراهن باربری | فدرال اکسپرس | پرداخت انجام نشد |
ردیف های قابل شناور
اضافه کنید.table-hoverبرای فعال کردن حالت شناور در ردیفهای جدول در a<tbody>.
| محصول | قیمت | مقدار | مقدار |
|---|---|---|---|
| کمر بلند ASOS Ridley | 79.49 دلار | 82 عدد | 6518.18 دلار |
| پیراهن سبک وزن مارکو | 128.50 دلار | 37 عدد | 4754.50 دلار |
| پیراهن نیم آستین | 39.99 دلار | 64 عدد | 2559.36 دلار |
| ژاکت سبک | 20.00 دلار | 184 عدد | 3680.00 دلار |
میز کوچک
اضافه کنید.table-smبرای فشرده تر کردن میزها با برش لایه های سلولی به نصف
| محصول | قیمت | مقدار | مقدار |
|---|---|---|---|
| کمر بلند ASOS Ridley | 79.49 دلار | 82 عدد | 6518.18 دلار |
| پیراهن سبک وزن مارکو | 128.50 دلار | 37 عدد | 4754.50 دلار |
| پیراهن نیم آستین | 39.99 دلار | 64 عدد | 2559.36 دلار |
| ژاکت سبک | 20.00 دلار | 184 عدد | 3680.00 دلار |
| کفش مارکو | 28.49 دلار | 69 عدد | 1965.81 دلار |
| کمر بلند ASOS Ridley | 79.49 دلار | 82 عدد | 6518.18 دلار |
همیشه پاسخگو
در هر نقطه شکست، استفاده کنید.table-responsiveبرای جدول های پیمایش افقی استفاده کنید.table-responsive{-sm|-md|-lg|-xl}در صورت نیاز برای ایجاد پاسخگو جداول تا یک نقطه شکست خاص از آن نقطه شکست به بالا، جدول رفتار خواهد کرد به صورت معمولی و نه به صورت افقی.
| # | سرفصل | سرفصل | سرفصل | سرفصل | سرفصل | سرفصل | سرفصل | سرفصل | سرفصل |
|---|---|---|---|---|---|---|---|---|---|
| 1 | سلول | سلول | سلول | سلول | سلول | سلول | سلول | سلول | سلول |
| 2 | سلول | سلول | سلول | سلول | سلول | سلول | سلول | سلول | سلول |
| 3 | سلول | سلول | سلول | سلول | سلول | سلول | سلول | سلول | سلول |
مثال پایه بدون حاشیه
اضافه کنید.table-borderlessبرای یک میز بدون حاشیه
| نام | شماره تلفن | تاریخ تولد | کشور |
|---|---|---|---|
| ریسا دی. پیرسون | 336-508-2157 | 24 جولای 1950 | هند |
| آن سی تامپسون | 646-473-2057 | 25 ژانویه 1959 | ایالات متحده آمریکا |
| پل جی. دوست | 281-308-0793 | 1 سپتامبر 1939 | کانادا |
| لیندا جی اسمیت | 606-253-1207 | 3 مه 1962 | برزیل |
جدول بدون حاشیه معکوس
اضافه کنید.table-borderlessبرای یک میز بدون حاشیه
| نام | شماره تلفن | تاریخ تولد | کشور |
|---|---|---|---|
| ریسا دی. پیرسون | 336-508-2157 | 24 جولای 1950 | مالزی |
| آن سی تامپسون | 646-473-2057 | 25 ژانویه 1959 | بلژیک |
| پل جی. دوست | 281-308-0793 | 1 سپتامبر 1939 | استرالیا |
| شان سی نگوین | 269-714-6825 | 5 فوریه 1994 | الجزایر |
جداول فعال
یک ردیف یا سلول جدول را با افزودن a برجسته کنید.table-activeکلاس
| نام | شماره تلفن | تاریخ تولد | کشور |
|---|---|---|---|
| ریسا دی. پیرسون | 336-508-2157 | 24 جولای 1950 | بلژیک |
| آن سی تامپسون | 646-473-2057 | 25 ژانویه 1959 | مالزی |
| پل جی. دوست | 281-308-0793 | 1 سپتامبر 1939 | الجزایر |
| لیندا جی اسمیت | 606-253-1207 | استرالیا | |
| پل جی. دوست | 281-308-0793 | 1 سپتامبر 1939 | هند |
لانه سازی
سبکهای حاشیه، سبکهای فعال و انواع جدول توسط تودرتو به ارث نمیرسند جداول
| نام | شماره تلفن | تاریخ تولد | کشور | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ریسا دی. پیرسون | 336-508-2157 | 24 جولای 1950 | هند | ||||||||||||
| |||||||||||||||
| لیندا جی اسمیت | 606-253-1207 | 2 سپتامبر 1939 | بلژیک | ||||||||||||