tbody — тело таблицы

Тег <tbody> используется для группировки основного содержимого в таблице.

Он является дочерним тегом элемента <table> и используется для отделения разделов заголовка и колонтитула от строк данных в таблице.

<table>
  <thead>
    <tr>
      <th>Имя</th>
      <th>Возраст</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Серёжа</td>
      <td>25</td>
    </tr>
    <tr>
      <td>Саша</td>
      <td>30</td>
    </tr>
  </tbody>
</table>

Для чего использовать тег <tbody>

• для группировки данных в HTML-таблице;
• чтобы по-разному стилизовать строки таблицы: добавьте класс или id к тегам <tr> внутри <tbody> для применения стилей CSS;
• чтобы добавить обработчик событий к строкам таблицы: добавьте обработчики событий в теги <tr> внутри <tbody> для обработки взаимодействия с пользователем;
• для чередования цветов строк: используйте CSS для добавления чередующихся цветов фона к строкам внутри <tbody>;
• добавление атрибутов данных к тегам <tr> внутри <tbody> для хранения дополнительных данных.

Нюансы

Если тег <tbody> не используется, браузер автоматически создаст его для группировки тегов <tr> внутри тега <table>.

«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.