Full Example of HTML Vertical Table Headers

The first column becomes table headers if you set the first table cell in each table row to a TH element:

index.html

Example: HTML

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

<h2>Vertical Table Headers</h2>

<p>The first column becomes table headers if you set the first table cell in each table row to a TH element:</p>

<table style="width:100%">
  <tr>
    <th>Firstname</th>
    <td>Jill</td>
    <td>Eve</td>
  </tr>
  <tr>
    <th>Lastname</th>
    <td>Smith</td>
    <td>Jackson</td>
  </tr>
  <tr>
    <th>Age</th>  
    <td>50</td>
    <td>94</td>
  </tr>
</table>

</body>
</html>

Output should be:

Single Articles

Basic Example of HTML Vertical Table Headers	HTML Table Headers
Full Example of HTML Vertical Table Headers	HTML Table Headers

What is HTML Table Headers	HTML Table Headers
How to create Table Headers in HTML	HTML Table Headers
How to create HTML Vertical Table Headers	HTML Table Headers
How to create HTML Align Table Headers	HTML Table Headers
How to create HTML Header for Multiple Columns	HTML Table Headers
How to create HTML Table Caption	HTML Table Headers

Type:	Html
Category:	Web Tutorial
Sub Category:	HTML Table Headers
Uploaded by:	Admin