Bootstrap 5 ການຕັ້ງການ

ຕາມທີ່ບໍ່ມີຊ້າຍ້ອນ

ຕາມທີ່ບໍ່ມີຊ້າຍ້ອນ

.table ບັນດາລັກສະນະຢູ່ບໍ່ມີຊ້າຍ້ອນ

ຕົວຢ່າງ

ສວບສວນຄົນຕົນເອງ

ບໍ່ມີຊ້າຍ້ອນ

.table-striped ບັນດາລັກສະນະຢູ່ບໍ່ມີຊ້າຍ້ອນ

ຕົວຢ່າງ

ສວບສວນຄົນຕົນເອງ

ຕາມທີ່ມີບໍ່ມີຊ້າຍ້ອນ

.table-bordered ບັນດາລັກສະນະຢູ່ບໍ່ມີຊ້າຍ້ອນ

ຕົວຢ່າງ

ສວບສວນຄົນຕົນເອງ

ບໍ່ມີຊ້າຍ້ອນ

.table-hover ບັນດາລັກສະນະຢູ່ບໍ່ມີຊ້າຍ້ອນ

ຕົວຢ່າງ

ສວບສວນຄົນຕົນເອງ

ຕາມທີ່ມີສີສົມ/ສີຫຼາຍ

.table-dark ບັນດາລັກສະນະຢູ່ບໍ່ມີຊ້າຍ້ອນ

ຕົວຢ່າງ

ສວບສວນຄົນຕົນເອງ

ຕາມທີ່ມີສີສົມ

ການປະສົມ .table-dark ຕາມທີ່ .table-striped ຂະບວນເພື່ອສ້າງຕາມທີ່ມີສີສົມ

ຕົວຢ່າງ

ສວບສວນຄົນຕົນເອງ

ຕາມທີ່ມີສີສົມສົມ

.table-hover ບັນດາລັກສະນະຢູ່ບໍ່ມີຊ້າຍ້ອນ

ຕົວຢ່າງ

ສວບສວນຄົນຕົນເອງ

ຕາມທີ່ບໍ່ມີບໍ່ມີຊ້າຍ້ອນ

.table-borderless ລົບບໍ່ມີບໍ່ມີຊ້າຍ້ອນຈາກຕາມ

ຕົວຢ່າງ

ສວບສວນຄົນຕົນເອງ

上下文类

上下文类可用于为整个表格 (

)、表格行 () 或表格单元格 (
) 着色。

ຕົວຢ່າງ

ສວບສວນຄົນຕົນເອງ

可用的上下文类：

ປະເພດ 描述
.table-primary 蓝色：表示重要动作。
.table-success 绿色：表示成功或积极的动作。
.table-danger 红色：表示危险或潜在的负面行为。
.table-info 浅蓝色：表示中性的信息更改或操作。
.table-warning 橙色：表示可能需要注意的警告。
.table-active 灰色：将悬停颜色应用于表格行或表格单元格。
.table-secondary ສີຫນັງ
.table-light ສີຫນັງຫນັງສີຫນັງຫນັງ
.table-dark ສີຫນັງຫນັງສີຫນັງຫນັງສີຫນັງຫນັງ

ສີຫນັງສະໜາມ

ທ່ານສາມາດໃຊ້ປະເພດທາງບັນດາຄວາມພາຍໃນການຕິດຕັ້ງເພີ່ມສີທີ່ຫນັງສະໜາມຫນັງຫນັງພຽງແຕ່ກັບຫນັງສະໜາມ:

ຕົວຢ່າງ

ສວບສວນຄົນຕົນເອງ

ສະໜາມນ້ອຍ

.table-sm ປະເພດດັ່ງກ່າວຈະປັບສະໜາມຫນັງຫນັງດ້ວຍການຫຼຸດຄວາມກຳລັງຂອງສະໜາມເປັນຫນັງຫນັງດ້ວຍການຫຼຸດຄວາມກຳລັງຂອງສະໜາມເປັນຫນັງຫນັງດ້ວຍການຫຼຸດຄວາມກຳລັງຂອງສະໜາມເປັນຫນັງຫນັງດ້ວຍການຫຼຸດຄວາມກຳລັງຂອງສະໜາມເປັນຫນັງຫນັງດ້ວຍການຫຼຸດຄວາມກຳລັງຂອງສະໜາມເປັນຫນັງຫນັງ

ຕົວຢ່າງ

ສວບສວນຄົນຕົນເອງ

ສະໜາມສະໜອງ

.table-responsive ປະເພດສະໜາມຕິດຕັ້ງຕາຕະລາງສະໜາມເມື່ອມີຄວາມຍາວຫນັງຫນັງ (ເມື່ອມີຄວາມຍາວຫນັງຫນັງໃນທາງສາຍວົງການ):

ຕົວຢ່າງ

<div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>

ສວບສວນຄົນຕົນເອງ

ທ່ານສາມາດຕັດສິນວ່າເວລາໃດທີ່ການຕິດຕັ້ງຕາຕະລາງສະໜາມສະໜອງຕ້ອງມີຕາຕະລາງ, ອີງຕາມວົງຂອງຈອງສະໜາມ:

ປະເພດ ວົງຂອງຈອງສະໜາມ
.table-responsive-sm < 576px
.table-responsive-md < 768px
.table-responsive-lg < 992px
.table-responsive-xl < 1200px
.table-responsive-xxl < 1400px

ຕົວຢ່າງ

<div class="table-responsive-sm">
  <table class="table">
    ...
  </table>
</div>

ສວບສວນຄົນຕົນເອງ