جداول اصلی
مثال پایه
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. .table
جداول ریسپانسیو
<table>
.
# | نام کوچک | نام خانوادگی | نام کاربری |
---|---|---|---|
1 | جعفر | عباسی | @jafar |
2 | طاهر | نصیری | @TN |
3 | فرشید | ولی پور | @FSH |
جدول مرزی
افزودن .table-bordered
برای مرزها در همه طرفهای میز و سلولها.
# | نام کوچک | نام خانوادگی | نام کاربری |
---|---|---|---|
1 | جعفر | عباسی | @jafar |
2 | جعفر | عباسی | @TN |
3 | فرشید ولی پور | @FSH |
ردیف های راه راه
با استفاداز .table-striped
برای اضافه کردن خط راه راه به هر ردیف جدول در داخل <tbody>
.
# | نام کوچک | نام خانوادگی | نام کاربری |
---|---|---|---|
1 | جعفر | عباسی | @jafar |
2 | طاهر | نصیری | @TN |
3 | فرشید | ولی پور | @FSH |
ردیف های قابل انفجار
با استفاداز .table-striped
برای اضافه کردن خط های راه راه به هر ردیف جدول در داخل <tbody>
.
# | نام کوچک | نام خانوادگی | نام کاربری |
---|---|---|---|
1 | جعفر | عباسی | @jafar |
2 | طاهر | نصیری | @TN |
3 | فرشید ولی پور | @FSH |
گزینه های جدول
از یکی از دو کلاس اصلاح کننده استفاده کنید
<thead>
به نظر می رسد نور یا خاکستری تیره.
# | نام کوچک | نام خانوادگی | نام کاربری |
---|---|---|---|
1 | جعفر | عباسی | @jafar |
2 | طاهر | نصیری | @TN |
3 | فرشید | ولی پور | @FSH |
جدول مشکلی
متن فوق العاده شما در اینجا قرار دارد.
# | نام کوچک | نام خانوادگی | نام کاربری |
---|---|---|---|
1 | جعفر | عباسی | @jafar |
2 | طاهر | نصیری | @TN |
3 | فرشید | ولی پور | @FSH |