Show popup when hovering a table cell

<tr *ngFor="let item of collection.data | paginate: config">
<th scope="row">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" [attr.id]="item.id">
<label class="custom-control-label" [attr.for]="item.id"></label>
</div>
</th>
<td>{{item.name}}
----code here----
</span>
</td>


I have the HTML code above written and on hover on the name I should be able to view the details.

Continue reading...