مثال اساسی

برای یک ظاهر طراحی اولیه - بالشتک های سبک و فقط تقسیم کننده های افقی - کلاس پایه را .tableبه هر کدام اضافه کنید <table>.

جدول معکوس

همچنین می‌توانید رنگ‌ها را با متن روشن روی پس‌زمینه‌های تیره معکوس کنید .table-dark.

گزینه های سر جدول

از یکی از دو کلاس اصلاح کننده استفاده کنید تا <thead>s را خاکستری روشن یا تیره نشان دهید.

ردیف های راه راه

برای .table-stripedافزودن راه راه گورخری به هر ردیف جدول در <tbody>.

میز حاشیه دار

.table-borderedبرای حاشیه ها در همه طرف جدول و سلول ها اضافه کنید.

جدول رنگی حاشیه

.table-borderedبرای حاشیه ها در همه طرف جدول و سلول ها اضافه کنید.

میز کوچک

.table-sمیلیونبا نصف کردن لایه های سلولی، میزها را فشرده تر کنید .

کلاس های متنی

از کلاس های متنی برای رنگ آمیزی ردیف های جدول یا سلول های فردی استفاده کنید.

گزینه های سر جدول

مشابه جداول و جداول تیره، از کلاس های اصلاح کننده استفاده کنید .table-lightیا s .table-darkرا <thead>خاکستری روشن یا تیره نشان دهید.

کلاس های متنی با رنگ پس زمینه

همچنین می‌توانید رنگ‌ها را با متن روشن روی پس‌زمینه‌های تیره معکوس کنید .table-dark.

میز بدون حاشیه

برای یک ظاهر طراحی اولیه - بالشتک های سبک و فقط تقسیم کننده های افقی - کلاس پایه را .tableبه هر کدام اضافه کنید <table>.

جدول معکوس بدون حاشیه

متن عالی شما به اینجا می رود. متن عالی شما اینجا می رود.

ردیف های قابل شناور

جداول پاسخگو را با قرار دادن هر یک .tableدر داخل .table-responsive آن ایجاد کنید تا در دستگاه های کوچک (زیر 768 پیکسل) به صورت افقی حرکت کنند.

جداول فعال

.table-activeبا افزودن یک کلاس ، یک ردیف یا سلول جدول را برجسته کنید .

لانه سازی

سبک‌های حاشیه، سبک‌های فعال و انواع جدول توسط جداول تودرتو به ارث نمی‌رdocs.

پای میز