HTML <tr> title

HTML <title>

HTML <track>

The title attribute on a <tr> tag adds a tooltip with title text to the table row.

Hovering the mouse over the row will display the tooltip.

Example

#

A title attribute on a <tr> element.
Hover over each row to view the text inside the title.

First name	Last name
Denice	Hobermann
Paulo	Cornell

<style>
  table.tb { width:300px; border-collapse: collapse; }
  .tb th, .tb td { border: solid 1px #777; padding: 5px; }
  .tb thead { background-color:lightblue; }
</style>

<table class="tb">
  <thead>
    <tr title="Customer full name">
      <th>First name</th>
      <th>Last name</th>
    </tr>
  </thead>

  <tbody>
    <tr title="Information about customer 1001">
      <td>Denice</td>
      <td>Hobermann</td>
    </tr>
    <tr title="Information about customer 1252">
      <td>Paulo</td>
      <td>Cornell</td>
    </tr>
  </tbody>
</table>

Code explanation

The title attribute is placed in the <tr> opening tag.

The value can be any string. Hover over the tr and a tooltip appears.

Using title

#

The title attributes attaches additional information to the <tr> element.

The title value displays as a tooltip.

The tooltip displays when the <tr> element is hovered.

Syntax

#