Javascript 循环表中的角度工具提示放置错误

我在for循环内的表中使用HTML工具提示

HTML工具提示工作正常，但工具提示位置错误

search.component.html：

<tbody>
      <tr *ngFor="let item of serchResults">
        <ng-template #tooltipData><p [innerHtml]="createTooltip(item)"></p></ng-template>
        <td data-container="body" data-toggle="tooltip" data-html="true" [tooltip]="tooltipData" containerClass="customClass" placement="bottom" >
          {{item.title}}
        </td>
        <td><input type="checkbox" id="item.code" name="item.code" value="item.code" (change)="fieldsChange($event, item)"></td>
      </tr>
      </tbody>

{{item.title}

SearchComponent.ts：

createTooltip(item) {
    this.tooltipData = `Mapped to: <br/>Data: ${item.code} - ${item.title}<br/>CM - ${item.k} - ${item.dg_title}  <br/> ICM - ${item.M_CODE} - ${item.M_TITLE} <br/> CT® - ${item.T_ID} - ${item.T_DESCRIPTION}`;
    return this.tooltipData;
  }

createTooltip（项目）{
this.tooltipData=`映射到：
数据：${item.code}-${item.title}
CM-${item.k}-${item.dg_title}
ICM-${item.M_code}-${item.M_title}
CT®-${item.T_ID}-${item.T_DESCRIPTION}；
返回此.tooltipData；
}

工具提示工作正常，但不知何故放置错误。我不知道我做错了什么。 我还尝试使用

item.kode

使“ng模板”引用动态化，但它不起作用

请看下面的截图。

---

您是否尝试将工具提示放在

td

内部的元素上，而不是放在

td

本身上？此外，您还可以使用

位置：相对设置
td