Tengo una tabla de datos. ¿Cómo obtener información sobre tooltip mientras se desplaza sobre las celdas de la tabla? Intenté el tipo a continuación, la tooltip se está completando. ¿Cómo obtener lo mismo usando angular?
$(document).on("mousemove", "tr td", function () { var colVal = $(this).text(); $(this).prop("title", colVal); });Puede lograrlo bastante fácilmente implementando bootstrap. algo como esto debería hacer el truco:
<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> No olvide agregar siempre data-container="body" lo contrario, la información sobre herramientas moverá las celdas de la tabla un poco hacia la derecha al pasar el mouse.