HTML <tr> title

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 after a second or so 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

<tr title="value">

Values

#

Value Description
value A string value. A title can span multiple lines by including newline or carriage-return characters:  &#10;  or  &#013;.

Browser support

Here is when title support started for each browser:

Chrome
1.0 Sep 2008
Firefox
1.0 Sep 2002
IE/Edge
1.0 Aug 1995
Opera
1.0 Jan 2006
Safari
1.0 Jan 2003

You may also like

 Back to <tr>
Guides