Property "Bütünleşik Tablo" <compact>

Bu özellik, tanımlandığı panel ve onun içinde yer alan elemanlardan bütünleşik bir tablo üretmek için kullanılır. Bu panel elemanının içinde sadece iki adet panel elemanı yerleştirilmeli ve bu panel elemanları hiç boşluk bırakmadan içinde bulunduklarını panel elemanın tüm alanını kaplamalıdırlar.

Bu özellik tipik olarak, tarayıcı pencere genişliği değiştikçe kendini ayarlayabilen, esnek genişliğe sahip tablolar üretmek için kullanılır.

compact

Üstteki ve alttaki şekillerde de görüldüğü gibi, bu panel elemanı, biri tablo başlığı, digeri ise tekrarlayan satır olacak şekilde sadece iki panel elemanı içerebilir. Tekrar vurgulayalım; panel elemanları hiç boşluk bırakmadan içinde bulunduklarını panel elemanın tüm alanını kaplamalıdırlar. Ayrıca başlık ve tekrarlayan panel elemanları içinde bulunan elemanların sayıları, hizaları ve genişlikleri birbirlerine eşit olmalıdır.

compact_pe

Bütünleşik Tabllo özellik değeri false iken üretilen tablo:

<table ...>
  <table>
    <tr>
      <td>AAA</td>
      <td>BBB</td>
    </tr>
  </table>
  <table>
    <tr>
      <td>AAA Value</td>
      <td>BBB Value</td>
    </tr>
  </table>
</table>

Burada, başlık ve tekrarlayan satırlar için ayrı tablo elemanları üretilmiş. Tarayıcı penceresinin boyutları değiştiğinde başlık ve satırlar içinde yer alan tablo gözleri aynı hizada kalmayabilir.

Bütünleşik Tablo özellik değeri true iken üretilen tablo:

  <table>
    <thead>
    <tr>
      <td>AAA</td>
      <td>BBB</td>
    </tr>
    </thead>
    <tbody>
    <tr>
      <td>AAA Value</td>
      <td>BBB Value</td>
    </tr>
    </tbody>
  </table>

Başlık ve tekrarlayan satırlar için ayrı tablo elemanları üretilmemiş. Tarayıcı penceresinin boyutları değişse bile başlık ve satırlar içinde yer alan tablo gözleri her zaman aynı hizada olacaktır.