مثال اساسی

برای یک ظاهر طراحی اولیه - بالشتک های سبک و فقط تقسیم کننده های افقی - کلاس پایه را .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.

پای میز