HTML <tbody> Tag

Description

The <tbody> HTML element is designed to store one or more rows of the table. This allows you to create structural blocks to which you can apply a single design through styles, as well as control their appearance through scripts.
It is allowed to apply several <tbody> elements inside the <table> container. Other types of line groupings are available - <tfoot> and <thead>, none of them should overlap with the <tbody> element.

Properties

Permitted Parents

Within the required parent <table> element, the <tbody> element can be added after a <caption>, <colgroup>, and a <thead> element

Content

<tr>

Start/End Tags

Start tag: required, End tag: required

Example

<table border = "1">

  <thead>

    <tr><td colspan="2">Table Header (thead)</td></tr>

  </thead>

  <tfoot>

    <tr><td colspan="2">Table Footer (tfoot)</td></tr>

  </tfoot>

  <tbody>

    <tr>

      <td>Cell 1</td>

      <td>Cell 2</td>

    </tr>

    <tr>

      <td>Cell 3</td>

      <td>Cell 4</td>

    </tr>

    <tr>

      <td>Cell 5</td>

      <td>Cell 6</td>

    </tr>

  </tbody>

</table>

Attributes

Global Attributes

The <tbody> tag also supports the Global Attributes in HTML5

Event Attributes

The <tbody> tag also supports the Event Attributes in HTML5

Browser Support

Desktop
Yes	Yes	1	1	Yes	Yes
Tablets / Mobile
Yes	Yes	4	Yes	Yes	Yes

Last updated by CSSPortal on: 6th December 2019