جداول مرزی بوت استرپ

  2. جداول بوت استرپ
  3. جداول مرزی بوت استرپ
خط های مرز افقی
نمونه ای از حاشیه های جدول افقی. این یک سبک پیش‌فرض حاشیه جدول است که به کلاس .table متصل شده است. همه حاشیه‌ها رنگ و سبک خاکستری یکسانی دارند، جدول خود حاشیه ندارد، اما می‌توانید این حاشیه را با استفاده از اضافه کنید. جدول table-border-horizontalکلاس با .tableکلاس به جدول اضافه شد.
# نام نام خانوادگی نام کاربری نقش شهر
1 امیر صبوری rsabori@ مدیر تهران
2 نسترن کریمی nkarimi@ کاربر تهران
3 پدرام شریفی psharifi@ مدیر شیراز
4 پریسا توکلی ptavakoli@ کاربر یزد
5 یلدا صادقی psharifi@ مدیر تبریز
خط های مرز عمودی
نمونه ای از حاشیه های جدول عمودی . این یک سبک پیش‌فرض حاشیه جدول است که به کلاس .table متصل شده است. همه حاشیه‌ها رنگ و سبک خاکستری یکسانی دارند، جدول خود حاشیه ندارد، اما می‌توانید این حاشیه را با استفاده از اضافه کنید. کلاس table-border-verticalبه جدول با .tableclas اضافه شد.
# نام نام خانوادگی نام کاربری نقش شهر
1 امیر صبوری rsabori@ مدیر تهران
2 نسترن کریمی nkarimi@ کاربر تهران
3 پدرام شریفی psharifi@ مدیر شیراز
4 پریسا توکلی ptavakoli@ کاربر یزد
5 یلدا صادقی psharifi@ مدیر تبریز
خط های مرزی افقی و عمودی
نمونه ای از حاشیه های جدول افقی. این یک سبک پیش‌فرض حاشیه جدول است که به کلاس .table متصل شده است. همه حاشیه‌ها رنگ و سبک خاکستری یکسانی دارند، جدول خود حاشیه ندارد، اما می‌توانید این حاشیه را با استفاده از اضافه کنید. .table-borderedکلاس با .tableکلاس به جدول اضافه شد.
# نام نام خانوادگی نام کاربری
1 امیر صبوری asabori@
2 امیر صبوری asabori@
3 یلدا صادقی ysadeghi@
جدول بدون خط مرز
نمونه ای از حاشیه های جدول افقی. این یک سبک پیش‌فرض حاشیه جدول است که به کلاس .table متصل شده است. همه حاشیه‌ها رنگ و سبک خاکستری یکسانی دارند، جدول خود حاشیه ندارد، اما می‌توانید این حاشیه را با استفاده از اضافه کنید. جدول table-bordernoneکلاس با .tableکلاس به جدول اضافه شد.
# نام نام خانوادگی نام کاربری
1 امیر صبوری asabori@
2 امیر صبوری asabori@
3 یلدا صادقی ysadeghi@
خط مرز جدول پیش فرض
نمونه ای از حاشیه پیش فرض جدول. این یک سبک پیش‌فرض حاشیه جدول است که به کلاس .table متصل شده است. همه حاشیه‌ها رنگ و سبک خاکستری یکسانی دارند، جدول خود حاشیه ندارد، اما می‌توانید این حاشیه را با استفاده از اضافه کنید. کلاس table با کلاس .table به جدول اضافه شد.
# نام نام خانوادگی نام کاربری
1 امیر صبوری asabori@
2 امیر صبوری asabori@
3 یلدا صادقی ysadeghi@
خط مرز جامد
نمونه ای از یک حاشیه جامد در داخل جدول thead. این حاشیه تمام گزینه‌های استایل را از سبک حاشیه پیش‌فرض به ارث می‌برد، تنها تفاوت آن در عرض 2px است. گاهی اوقات می تواند برای جداسازی بصری و برجسته سازی اضافه مفید باشد. برای استفاده از این حاشیه .border-solid را به ردیف سر جدول اضافه کنید. این سبک حاشیه فقط با حاشیه های ردیف کار می کند.
# نام نام خانوادگی نام کاربری
1 امیر صبوری asabori@
2 امیر صبوری asabori@
3 یلدا صادقی ysadeghi@
خط مرز دوتایی
نمونه ای از یک حاشیه دو در داخل سر جدول. این حاشیه دارای عرض 4px است، کافیست table-double را با جدول برای این جدول پیش فرض اضافه کنید.
# نام نام خانوادگی نام کاربری
1 امیر صبوری asabori@
2 امیر صبوری asabori@
3 یلدا صادقی ysadeghi@
خط مرز نقطه ای
نمونه ای از حاشیه نقطه دار در داخل سر جدول. این حاشیه دارای عرض 2px است، کافیست table-dotted را با جدولی برای این جدول پیش فرض اضافه کنید.
# نام نام خانوادگی نام کاربری
1 امیر صبوری asabori@
2 امیر صبوری asabori@
3 یلدا صادقی ysadeghi@
خط مرز خط فاصله
نمونه‌ای از یک حاشیه برق در داخل سر جدول. این حاشیه دارای عرض 2px است، کافیست جدول چین دار را با جدولی برای این جدول پیش فرض اضافه کنید.
# نام نام خانوادگی نام کاربری
1 امیر صبوری asabori@
2 امیر صبوری asabori@
3 یلدا صادقی ysadeghi@
خط مرز رنگی
نمونه ای از حاشیه سر جدول با رنگ سفارشی . با توجه به گزینه های سیستم رنگ سفارشی، می توانید هر یک از رنگ های از پیش تعریف شده را با افزودن کلاس .border-bottom-* به ردیف سر جدول تنظیم کنید. این تکنیک با تمام سبک های حاشیه ای که در بالا نشان داده شد کار می کند.
# نام نام خانوادگی نام کاربری
1 یلدا صادقی ysadeghi@
2 یلدا صادقی ysadeghi@
3 یلدا صادقی ysadeghi@
4 یلدا صادقی ysadeghi@
5 یلدا صادقی ysadeghi@
6 یلدا صادقی ysadeghi@