Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

177
Views
How to add tooltip to td in a table

Can someone give me an example of adding a tooltip whenever I hover a td in a table.

The content of the tooltip must come from database records.

Example:

If I hover A name on a table.. the tooltip must display his/her information.

over 4 years ago · Santiago Trujillo
3 answers
Answer question

0

Use the title attribute:

<table>
    <tr>
        <td>
            <a href="#" title="John Smith lives in New York."> John Smith </a>
        </td>
    </tr>
</table>

Live demo: http://jsfiddle.net/GpU5f/

over 4 years ago · Santiago Trujillo Report

0

You'll get a tooltip on hover if you add 'title="whatever"' to the <td>:

<tr><td title="whatever">hover here to see "whatever" in a tooltip</td>

Where the title content comes from is a different and perhaps more difficult story, but perhaps you can arrange for the program code that is providing the cell's innerText to do the same for the cell's title=....

HTH

-- pete

over 4 years ago · Santiago Trujillo Report

0

since the original question was tagged jquery and none of the examples mention this (however trivial), it's just a matter of

$(tdSelector).attr('title', titleText);

over 4 years ago · Santiago Trujillo Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!