HTML tbody Tag

Tutorial HTML <tbody>

Element HTML <tbody> digunakan untuk mengelompokan kontent tubuh pada HTML table, dalam penulisannya di HTML, element <tbody> harus diletakkan didalam element HTML <table>...</table> setelah element <caption>, <colgroup> dan <thead>.

Contoh HTML <tbody>

<table>
  <thead>
    <tr>
      <th>Nama</th>
      <th>Umur</th>
    </tr>
  </thead>  
  <tbody>
    <tr>
      <td>Andi</td>
      <td>12 Tahun</td>
    </tr>
  </tbody>
</table>

Attribute HTML <tbody>

align Attribute ini tidak support pada HTML 5

Attribute ini digunakan untuk menentukan keselarasan atau posisi

Contoh :

<table>
  <thead>
    <tr>
      <th>Team A</th>
      <th>Team B</th>
    </tr>
  </thead>  
  <tbody align="center">
    <tr>
      <td>5</td>
      <td>7</td>
    </tr>
    <tr>
      <td>3</td>
      <td>5</td>
    </tr>    
  </tbody>
  <tfoot>
    <tr>
      <th colspan="2">Jumlah</th>
    </tr> 
    <tr>
      <td>8</td>
      <td>12</td>
    </tr>
  </tfoot>
</table>

Nilai atau value attribute ini adalah right, left, center, justify, char

char Attribute ini tidak support pada HTML 5

Attribute ini digunakan untuk menentukan karakter agar selaras antara cell dengan kolom. Attribute ini tidak support untuk browser terkenal manapun

Nilai atau value attribute ini adalah character

charoff Attribute ini tidak support pada HTML 5

Attribute ini digunakan digunakan untuk menentukan jumlah karakter dan sebagai kontrol dari attribute char. Attribute ini tidak support untuk browser terkenal manapun

Nilai atau value attribute ini adalah Angka

valign Attribute ini tidak support pada HTML 5

Attribute ini digunakan untuk menentukan keselarasan teks pada setiap baris cell

Contoh :

<table>
  <thead>
    <tr>
      <th>Team A</th>
      <th>Team B</th>
    </tr>
  </thead>  
  <tbody valign="bottom">
    <tr>
      <td>5</td>
      <td>7</td>
    </tr>
    <tr style="height:70px">
      <td>3</td>
      <td>5</td>
    </tr>    
  </tbody>
</table>

Nilai atau value attribute ini adalah top, middle, bottom, baseline

Global Attributes:

Element <tbody> mencakup Global Attributes HTML.

Event Attributes:

Element <tbody> mencakup Event Attributes HTML.

Browser Support HTML <tbody>

Desktop

Element	Chrome	Safari	Firefox	Opera	IE	Edge
<tbody>	1	Ya	1	Ya	Ya	Ya

Mobile

Element	Android webview	Chrome Android	Edge mobile	Firefox Android	IE mobile	Opera Android	iOS Safari
<tbody>	1	1	Ya	4	Ya	Ya	Ya

Default CSS :

Browser yang support dengan element <tbody>, mempunyai nilai default :

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}