میزهای اساسی
میکرومین
الماس
لبنیات شیرین
چای گوشه
هارون پولین
ریچارد علی
خوان کلارک
آلبرت هالگزینه های سر جدول
برای ساخت از یکی از دو کلاس اصلاح کننده استفاده کنید <thead>روشن یا تیره به نظر برسد
| # | نام | ایمیل | دسترسی |
|---|---|---|---|
| 1 | مارک | XYZ@Example.com | کسب و کار |
| 2 | جیکوب | XYZ@Example.com | شخصی |
| 3 | لری | XYZ@Example.com | غیرفعال |
| 4 | مارک | XYZ@Example.com | کسب و کار |
| 5 | جیکوب | XYZ@Example.com | شخصی |
ردیف های قابل هاور
استفاده کنید .table-striped برای اضافه کردن زبرا خط خطی به هر ردیف جدول در <tbody>.
| # | نام | نام خانوادگی | نام کاربری |
|---|---|---|---|
| 1 | مارک | اوتو | @mdo |
| 2 | جیکوب | تورتون | @fat |
| 3 | لری | ||
جدول تاریک
متن شما در اینجا قرار میگیرد.
| # | نام | نام خانوادگی | نام کاربری |
|---|---|---|---|
| 1 | مارک | اوتو | @mdo |
| 2 | جیکوب | تورتون | @fat |
| 3 | لری | برد |
کلاس متنی
از کلاسهای متنی برای ردیف های جدول رنگ یا سلولهای جداگانه استفاده کنید.
| # | نام | نام خانوادگی | نام کاربری |
|---|---|---|---|
| 1 | مارک | اوتو | @mdo |
| 2 | جیکوب | تورتون | @fat |
| 3 | لری | برد | |
| 4 | مارک | اوتو | @mdo |
| 5 | جیکوب | تورتون | @fat |
| 6 | لری | برد | |
| 7 | جیکوب | تورتون | @fat |
| 8 | لری | برد | |
| 9 | جیکوب | تورتون | @fat |
| 10 | لری | برد |
جدول زیرنویس
یک <caption> توابع مانند عنوان برای یک جدول. این به کاربران با خوانندگان صفحه نمایش کمک می کند تا یک جدول پیدا کنند و درک کنند در مورد چه چیزی است و تصمیم می گیرند که آیا آنها می خواهند آن را بخوانند.
| # | نام | نام خانوادگی | نام کاربری |
|---|---|---|---|
| 1 | مارک | اوتو | @mdo |
| 2 | جیکوب | تورتون | @fat |
| 3 | لری | برد |
جدول کوچک
اضافه کردن .table-sm تا جدول به نصف اندازه قبل فضا بگیرد.
| # | نام | نام خانوادگی | نام کاربری |
|---|---|---|---|
| 1 | مارک | اوتو | @mdo |
| 2 | جیکوب | تورتون | @fat |
| 3 | لری | ||