HTML таг tbody

Пример

Кратък пример как се използва тагът <tbody>.

<table class="table table-striped">
  <thead class="table-dark">
    <tr>
      <th scope="col">#</th>
      <th scope="col">Име</th>
      <th scope="col">Имейл</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Иван Иванов</td>
      <td>ivan@example.com</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Мария Петрова</td>
      <td>maria@example.com</td>
    </tr>
  </tbody>
</table>

Дефиниция и употреба

Тагът <tbody> групира редовете с данни (<tr>) в таблица и представлява основното „тяло“ на таблицата, отделено от заглавната част (<thead>) и долната част (<tfoot>).

Елементът се поставя директно вътре в <table> и съдържа един или повече редове <tr>, които от своя страна съдържат клетки <td> или <th>. Всяка HTML таблица може да има един или повече <tbody> елемента, което позволява логическо групиране на редовете (например по секции или категории).

Въпреки че браузърите често добавят <tbody> автоматично, препоръчително е той да се пише изрично, особено когато се използват CSS и JavaScript за стилизиране или манипулиране на редовете. Това подобрява четимостта на кода и улеснява селектирането на редове чрез селектори като table > tbody > tr.

Browser Support

Browser	Поддръжка
Chrome	✔️
Firefox	✔️
Edge	✔️
Safari	✔️
Opera	✔️

Атрибути