Группировка разделов таблицы thead, tbody и tfoot

Антон Шепель Фев 20, 2023 • 1 min read

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

<thead> используется для группировки заголовков таблицы. Заголовки, объединенные в тег <thead>, могут быть выровнены по центру, выровнены по левому краю, выровнены по правому краю или выровнены по ширине ячеек таблицы.

<tbody> используется для группировки основной части таблицы. Основная часть таблицы должна находиться внутри тега <tbody>. Если таблица содержит много строк данных, разделение на <tbody> может улучшить производительность таблицы.

<tfoot> используется для группировки подвала таблицы. Подвал может содержать общие итоги, расчеты, статистику и другую информацию, относящуюся к всей таблице.

Пример использования:

<table>
  <thead>
    <tr>
      <th>Заголовок 1</th>
      <th>Заголовок 2</th>
      <th>Заголовок 3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Ячейка 1</td>
      <td>Ячейка 2</td>
      <td>Ячейка 3</td>
    </tr>
    <tr>
      <td>Ячейка 4</td>
      <td>Ячейка 5</td>
      <td>Ячейка 6</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>Итого</td>
      <td>100</td>
      <td>$1000</td>
    </tr>
  </tfoot>
</table>