HTML <tbody> Tag

In an HTML table, the element is used to organize the body information.

The element, in combination with the and elements, is used to identify each section of a table (body, header, footer).

Browsers can utilize these components to enable table body scrolling independent of the header and footer. Furthermore, when printing a huge table that covers numerous pages, these features allow the table header and footer to be printed at the top and bottom of each page.

It should be noted that the element must have one or more tags.

The <tbody> tag must be used as a child of a table element, following any <caption>, <colgroup>, and <thead> components. By default, the <thead>, <tbody>, and <tfoot> components have no effect on the table's layout. However, you may style these components using CSS (see example below)!

Syntax

<table>     <tbody> Contents here..  </tbody><table>

Example

<!DOCTYPE html>
<html>
<head>
  <style>
	table{
	  border-collapse: collapse;
	}
	table, th, td {
	  border: 1px solid black;
	}
  </style>
</head>
<body>

<table>
  <thead>
	<tr>
	  <th>First Name</th>
	  <th>Last Name</th>
	  <th>Age</th>
	</tr>
  </thead>
  <tbody>
	<tr>
	  <td>Mark</td>
	  <td>Lambert</td>
	  <td>30</td>
	</tr>
	<tr>
	  <td>Thomas</td>
	  <td>Raines</td>
	  <td>40</td>
	</tr>
	<tr>
	  <td>Erin</td>
	  <td>Barnes</td>
	  <td>40</td>
	</tr>
  </tbody>
</table>

</body>
</html>

Preview

Supported Browsers

Element	Chrome	Firefox	Safari	Edge / IE	Opera
<tbody>	Yes	Yes	Yes	Yes	Yes

<table>

<td>

HTML <tbody> Tag

Syntax

Example

Supported Browsers

Links

Tutorials

Connect with us