HTML headers Attribute


Definition and Usage

The headers attribute specifies one or more header cells a table cell is related to.


Applies to

The headers attribute can be used on the following elements:

Elements Attribute
<td> headers
<th> headers

Examples

Td Example

Specify the <th> element each <td> element is related to:

<table>
  <tr>
    <th id="name">Name</th>
    <th id="email">Email</th>
    <th id="phone">Phone</th>
    <th id="addr">Address</th>
  </tr>
  <tr>
    <td headers="name">John Doe</td>
    <td headers="email">someone@example.com</td>
    <td headers="phone">+45342323</td>
    <td headers="addr">Rosevn 56,4300 Sandnes,Norway</td>
  </tr>
</table>
Try it Yourself »

Th Example

Specify the <th> element each header cell is related to:

<table>
  <tr>
    <th id="name" colspan="2">Name</th>
  </tr>
  <tr>
    <th headers="name">Firstname</th>
    <th headers="name">Lastname</th>
  </tr>
</table>
Try it Yourself »

Browser Support

The headers attribute has the following browser support for each element:

Element
td Yes Yes Yes Yes Yes
th Yes Yes Yes Yes Yes

Copyright 1999-2023 by Refsnes Data. All Rights Reserved.