Tag-ul tbody

Tag-ul tbody definește partea principală a tabelului. Este folosit pentru a grupa rânduri în așa fel încât să se poată aplica imediat stiluri CSS unui anumit grup. Un tabel poate conține orice număr de tag-uri tbody.

Tag-ul tbody este adesea folosit împreună cu thead și tfoot pentru a defini partea de sus, partea principală și partea de jos a unui tabel HTML. În mod implicit, browser-ul va plasa conținutul tfoot în partea de jos a tabelului, iar thead - în partea de sus.

Exemplu

Să adăugăm un grup de rânduri, grupate prin tag-ul tbody, culoarea roșie a textului cu ajutorul proprietății color:

<table>
	<thead>
		<tr>
			<th>Name</th>
			<th>Surn</th>
			<th>Salary</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>name1</td>
			<td>surn1</td>
			<td>200$</td>
		</tr>
		<tr>
			<td>name2</td>
			<td>surn2</td>
			<td>1000$</td>
		</tr>
	</tbody>
	<tfoot>
		<tr>
			<td>count: 2</td>
			<td>-</td>
			<td>total: 1200$</td>
		</tr>
	</tfoot>
</table>

tbody {
	color: red;
}

table, td, th {
	border: 1px solid black;
}

Vedeți și

tag-urile thead, tfoot,
care grupează rândurile tabelului
tag-ul caption,
care definește titlul întregului tabel
atributele rowspan și colspan,
care unesc rânduri și coloane ale tabelului