Question

每当我将td悬停在table时，有人可以给我一个添加工具提示的示例。

工具提示的内容必须来自数据库记录。

示例：的

如果我将名称悬停在桌面上......工具提示必须显示他/她的信息。

Answer 1

使用title属性：

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

现场演示： http://jsfiddle.net/GpU5f/

Answer 2

如果您向<td>添加'title =“无论什么”'，您将获得悬停的工具提示：

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

标题内容的来源是一个不同的，也许更难的故事，但也许您可以安排提供单元格的innerText的程序代码对单元格的title=...执行相同的操作。

HTH

- 皮特

Answer 3

<?php
    $test = "Test"
?>

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

Answer 4

因为最初的问题被标记为jquery并且没有一个例子提到这个（无论多么微不足道），它只是一个问题

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

Answer 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>

Answer 6

title属性中的内容会显示为工具提示。

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

我正在获得工具提示，从order.productTitle的价值中获得什么。

<td title="{{order.productTitle}}">{{order.productTitle}}</td>

如何在表中添加工具提示到td

6 个答案: