1. Temel Tablo Yapısı:

   table

   etiketine

   .table

   sınıfı eklenerek tablo oluşturulur 14.

<table class="table">
  <thead>
    <tr>
      <th>Firstname</th>
      <th>Lastname</th>
      <th>Email</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>John</td>
      <td>Doe</td>
      <td>john@example.com</td>
    </tr>
  </tbody>
</table>
Kopyala

2. Ek Özellikler: Tabloya çeşitli özellikler eklemek için aşağıdaki modifier sınıflar kullanılabilir 13:

• .table-striped

  : Satırlara alternatif renkler ekler (zebra görünümü) 13.

• .table-bordered

  : Tabloya kenarlık ekler 13.

• .table-hover

  : Satırların üzerine gelindiğinde arka plan rengini değiştirir 13.

• .table-dark

  : Siyah renkli arkaplana sahip tablo oluşturur 13.

• .table-sm

  : Daha küçük ve sıkıştırılmış bir tablo oluşturur 14.

3. Responsive Tablo: Tablonun tüm cihazlarda düzgün görüntülenmesi için

   .table-responsive

   sınıfı kullanılır 13.

<div class="table-responsive">
  <table class="table">
    <!-- İçerik -->
  </table>
</div>
Kopyala