角度數據表：如何在懸停時獲取列數據的工具提示

Question

我有一個數據表。 懸停在表格單元格上時如何獲取tooltip ？ 嘗試了以下類型， tooltip正在填充。 如何使用角度獲得相同的結果？

 $(document).on("mousemove", "tr td", function () {
  var colVal = $(this).text();
 $(this).prop("title", colVal);
});

工作堆棧閃電戰

Answer 1

您可以通過實施引導程序輕松實現這一目標。 這樣的事情應該可以解決問題：

<tbody>
  <tr *ngFor="let person of persons">
    <td data-container="body" data-toggle="tooltip" data-placement = "bottom" title="{{yourTooltip.content}}" >
       <input type="checkbox" [disabled]="person.firstName === 'Superman'"
       class="checkboxCls" [value]="person.checked" [checked]="person.checked"
       name="id" (change)="person.checked = !person.checked">
   </td>
    <td data-container="body" data-toggle="tooltip" data-placement = "bottom" title="{{yourTooltip.content}}">{{ person.id }}</td>
    <td data-container="body" data-toggle="tooltip" data-placement = "bottom" title="{{yourTooltip.content}}">{{ person.firstName }}</td>
    <td data-container="body" data-toggle="tooltip" data-placement = "bottom" title="{{yourTooltip.content}}">{{ person.lastName }}</td>
  </tr>
</tbody>

不要忘記始終添加data-container="body"否則工具提示會在懸停時將表格單元格向右移動一點。