Как добавить подсказку в td в таблице

Может ли кто-нибудь дать мне пример добавления всплывающей подсказки, когда я нахожу td в table.

Содержимое всплывающей подсказки должно поступать из записей базы данных.

Пример:

Если я нахожу имя на таблице, всплывающая подсказка должна отображать его/ее информацию.

Ответ 1

Используйте атрибут title:

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

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

Ответ 2

Вы получите всплывающую подсказку при наведении, если вы добавите "title=" независимо от "" в <td>:

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

В случае, когда заголовок содержит информацию о названии, это другая и, возможно, более сложная история, но, возможно, вы можете организовать программный код, который предоставляет внутреннему телу ячейки, чтобы сделать то же самое для ячейки title=....

НТН

- pete

Ответ 3

<?php
    $test = "Test"
?>

<table>
    <tr>
        <td title="<?php echo $test; ?>">Hi there</td>
    </tr>
</table>

Ответ 4

поскольку исходный вопрос был помечен как jquery, и ни один из примеров не упоминает об этом (как бы ни было тривиально), это просто вопрос

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

Ответ 5

В angular.js он может работать следующим образом: -

<table>
<tr ng-repeat="data in list">
<td  class="table-text-right tooltip-enable-mandatory" data-toggle="tooltip" data-container="#tableRoceMovement"data-original-title="{{data.value}}" title="{{data.value}}"data-placement="bottom" data-html="true" onmouseenter="tooltipEnterEvent($(this))" onmouseleave="tooltipLeaveEvent($(this))">{{data.value}}</td>
</tr>
</table>