Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

179
Vistas
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 Respuestas
Responde la pregunta

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 Denunciar

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 Denunciar

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 Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda